Cách gọi hàm JavaScript trong thẻ td HTML

Bỏ qua Julia để tạo html bảng chân lý, làm cách nào tôi có được html sau để chuyển chế độ hiển thị của cột khi nhấp vào tiêu đề cột, như trong jsfiddle?

Đây là một nỗ lực không hoạt động tối thiểu để thực hiện điều này trong ô Pluto bằng HypertextLiteral

using HypertextLiteral

htl"""




	
p
q
p → q
¬q → ¬p
q → p
¬p → ¬q
T
T
T
T
T
T
T
F
F
F
T
T
F
T
T
T
F
F
F
F
T
T
T
T



"""

Tôi tin rằng trong Pluto, các tập lệnh bị cô lập, vì vậy bạn không thể truy cập các biến được tạo bên trong tập lệnh từ các tập lệnh khác hoặc các phần khác của DOM theo mặc định
Nội dung JS của Pluto không có nhiều tài liệu nên không dễ hiểu điều gì sẽ xảy ra, đặc biệt nếu bạn không thành thạo về JS và Preact

Bây giờ, nếu bạn thực sự muốn cung cấp chức năng của mình trong phần còn lại của trình duyệt và làm việc với mã của mình, bạn phải đính kèm nó vào window (ít nhất đó là cách mà tôi biết)
Bạn có thể dễ dàng làm điều đó bằng cách thêm window.toggleColumn = toggleColumn trước thẻ đóng

using HypertextLiteral

Điều đó đang được nói, việc sử dụng

using HypertextLiteral

using HypertextLiteral

Nói chung, tôi nghĩ rằng ví dụ về mã html mà bạn đã chọn cho bảng chân lý không phải là tốt nhất về mặt thiết kế và khả năng đọc mã

Nếu bạn muốn xem thêm các ví dụ về cách sử dụng JS bên trong pluto để tạo các tiện ích đẹp mắt, bạn có thể xem các sổ ghi chép khác nhau trong gói PlutoUI

But how do I trigger the calling of that function inside my