Setelah sebelumnya kita belajar tentang Event dan macam-macam Event pada javascript. Sekarang kita akan menerapkannya pada HTML dengan Event Listener
Event listener adalah sebuah fungsi Javascript yang menangani event yang terjadi pada DOM, bisa menambahkan event maupun menghilangkan event.
adalah method yang digunakan untuk menambahkan event, contoh penggunaannya :
let button = document.getElementById("btn"); // menyeleksi element HTML
button.addEventListener("click", function(){ // menambahkan Event Listener Click pada element button
console.log("button telah diklik");
});
atau bisa menggunakan eksternal Function, contohnya:
let button = document.getElementById("btn"); // menyeleksi element HTML
button.addEventListener("click", handleClick); // menambahkan Event Listener Click pada element button
function handleClick(){
console.log("button telah diklik");
};
adalah method yang berguna untuk menghilangkan event pada DOM, contoh penggunaannya:
let button = document.getElementById("btn"); // menyeleksi element HTML
button.addEventListener("click", function(){ // menambahkan Event Listener Click pada element button
document.getElementById("input").removeEventListener("change", function(){ // menghilangkan event change pada input
return true // mereturn apa saja
});
});
Untuk click
dan change
bisa disesuaikan dengan event yang kalian mau.