Breaking News: Grepper is joining You.com. Read the official announcement!

how to make a button not reload on click

Brave Bison answered on July 5, 2021 Popularity 9/10 Helpfulness 8/10

answer how to make a button not reload on click

how to make a button not reload on click

Comment

<button id="button">Button</button> <!-->Creates a new button.</!-->
<script>
	const button = document.querySelector("#button"); //Finds the button by id.
	button.addEventListener("click", e => { //Runs the function (doesn't have to be an arrow function, just a function.) whenever said button is clicked.
      e.preventDefault(); //Stops said button from reloading the page.
    }
</script>

Popularity 9/10 Helpfulness 8/10 Language html

Source: Grepper

Tags: button click html reload

Link to this answer
Share Copy Link

Contributed on Jul 05 2021

Brave Bison

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

how to make a button not reload on click

Contents

More Related Answers

how to make a button not reload on click

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.