You can use addEventListener to listen for a particular event on an HTML element and execute a JavaScript function as a response. To create an alert box, you can use the following code:
HTML:
<button id="myButton">Click me</button>
JavaScript:
const myButton = document.getElementById("myButton");
myButton.addEventListener("click", showAlert);
function showAlert() {
alert("Hello, world!");
}
In this example, we select the HTML button element with the ID "myButton" using document.getElementById(). We then attach an event listener to this button using addEventListener(). The first argument is the event to listen for ("click" in this case), and the second argument is the function to execute when the event is triggered.
The function showAlert() simply displays an alert box with a message. When the user clicks the button, the showAlert() function is executed, and the alert box pops up.
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2023-07-17 19:40:13 +0000
Seen: 10 times
Last updated: Jul 17 '23
Is it feasible to utilize a Toggle Button to switch among multiple classes exceeding 2?
What is the process for generating a dynamic subdomain/URL using vue.js?
How can I create a transition on click using CSS without the need for JavaScript?
How can the style of the loader be modified while the form submission is being processed?
I'm attempting to develop a Javascript-based comments section for my website.
What are some feasible methods to enable MIDI file playback on a web browser?