Computer >> Máy Tính >  >> Lập trình >> Javascript

Cách tốt nhất để thêm sự kiện trong JavaScript là gì?

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 -

Cách tốt nhất để thêm sự kiện trong JavaScript là gì?

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Cách tốt nhất để thêm sự kiện trong JavaScript là gì?