Sometimes, we want to make a button redirect one page to another page with JavaScript.
In this article, we’ll look at how to make a button redirect one page to another page with JavaScript.
How to make a button redirect one page to another page with JavaScript?
To make a button redirect one page to another page with JavaScript, we can set location.href to the destination URL on click.
For instance, we write
<button id="myButton">Home</button>
to add a button.
Then we write
document.getElementById("myButton").onclick = () => {
location.href = "www.yoursite.com";
};
to select the button with getElementById.
And then we set its onclick property to a function that sets location.href to the destination URL to go to the URL when we click the button.
Conclusion
To make a button redirect one page to another page with JavaScript, we can set location.href to the destination URL on click.
