Giả sử sau đây là nút của chúng tôi -
<button onclick="displayingMessageOnButtonClick()">Press Me</button>
Chúng ta cần gọi một hàm khi nhấp vào nút trên.
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>
<p id="showTheTextMessage"></p>
<button onclick="displayingMessageOnButtonClick()">Press Me</button>
</body>
<script>
function displayingMessageOnButtonClick() {
const showMessage = document.getElementById('showTheTextMessage');
showMessage.innerHTML = 'Welcome to Javascript Program...';
showMessage.style.display = 'block';
}
</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ây giờ, hãy nhấn nút. Sau đây là kết quả -
