Để kích hoạt cảnh báo khi nhấp vào một nút, hãy sử dụng addEventListener (). Giả sử sau đây là nút của chúng tôi trên trang web HTML -
<button type="button">Please Press Me</button>
Ví dụ
Sau đây là mã -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
<button type="button">Please Press Me</button>
</body>
<script>
var pressedButton = document.getElementsByTagName("button")[0];
pressedButton.addEventListener("click", function (event) {
alert("You have pressed the button..........")
})
</script>
</html> Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html). Nhấp chuột phải vào tệp và chọn tùy chọn “Mở bằng máy chủ trực tiếp” trong trình chỉnh sửa Mã VS -
Đầu ra
Kết quả như sau -
Bất cứ khi nào bạn nhấn nút, bạn sẽ nhận được thông báo cảnh báo.
Đầu ra
Kết quả như sau -
