JavaScript - Create an alert on clicking an HTML button

To fire an alert on click of a button, use addEventListener(). Let’s say the following is our button on an HTML web page −

<button type="button">Please Press Me</button>


Following is the code −

 Live Demo

<!DOCTYPE html>
<html lang="en">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="//">
<script src=""></script>
<script src=""></script>
   <button type="button">Please Press Me</button>
   var pressedButton = document.getElementsByTagName("button")[0];
   pressedButton.addEventListener("click", function (event) {
      alert("You have pressed the button..........")

To run the above program, save the file name anyName.html(index.html). Right click on the file and select the option “Open with live server” in VS Code editor −


The output is as follows −

Whenever you press the button, you will get an alert message.


The output is as follows −

Updated on: 03-Oct-2020

3K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started