Guide / JavaScript — basi del linguaggio / DOM ed eventi
DOM ed eventi
querySelector, addEventListener, delega.
Il DOM è l'albero degli elementi HTML nel browser. document.querySelector seleziona il primo match CSS; textContent è preferibile a innerHTML per testo puro.
addEventListener("click", handler, { once: true }) registra listener; la delega su un antenato riduce listener multipli.
Esempio
const btn = document.querySelector("button[data-action]");
btn?.addEventListener("click", () => {
console.log("click");
});