How to Click a Button with Javascript Code

In this article, we show how to click a button with Javascript code.

Thus, with this code, you don't need to manually click the button. We can specifically do this with Javascript code.

Javascript has a built-in click() function that can perform a click in code.

Let's see an example of this below.

Hover over the following anchor tag with your mouse to click the button below:
Hover over here

Below we show how to do this in code.

<html> <script> function buttonclick(){ var pagebutton= document.getElementById("selfclick"); pagebutton.click(); } </script> <a href="#" onmouseover="buttonclick()">Hover to click button above </a> <button id="selfclick" onclick="alert('Roar');">No Manual Click </button> </html>

Okay let's now go over this code.

So the we have an HTML document.

We'll first go over the HTML code.

So we have an anchor tag that has a onmouseover event handler. When a user hovers over this anchor tag with his/her mouse, this triggers the Javascript buttonclick() function.

The button has an id attribute of selfclick and an onclick event handler that creates an alert pop-up box of 'Roar'.

Now we go to the Javascript code.

In the Javascript code, we create a variable that gets the element on the page that has an id of selfclick (which is the button we made).

We then perform the click function on this button using the Javascript click() function.

And this is how we can click a button with Javascript code.

Related Resources

HTML Comment Box is loading comments...

Learning about Electronics

How to Click a Button with Javascript Code