Menanggapi klik dengan addEventListener

Method addEventListener mendaftarkan sebuah fungsi untuk dijalankan ketika peristiwa tertentu terjadi pada elemen. Argumen pertamanya nama peristiwa dalam bentuk teks, argumen keduanya fungsi penanggapnya.

const tombol = document.querySelector("#hitung");
const hasil = document.querySelector("#hasil");

let klik = 0;
tombol.addEventListener("click", () => {
  klik = klik + 1;
  hasil.textContent = `Ditekan ${klik} kali`;
});

Variabel yang dibuat di luar fungsi penanggap tetap hidup di antara klik, sehingga hitungannya bertambah setiap kali tombol ditekan.