Cách tốt nhất để thêm sự kiện vào bất kỳ phần tử nào là sử dụng phương thức addEventListener ().
Sau đây là mã để thêm một sự kiện trong JavaScript -
Ví dụ
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result{ font-size: 20px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>Adding event in JavaScript</h1> <div style="color: green;" class="result"<Hello world>/div> <button class="Btn">CLICK HERE</button> <h3> Click on the above button to increment the font size of above text </h3> <script> let resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { resEle.style.fontSize = "34px"; }); </script> </body> </html>
Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -