how to make a button not reload on click
<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>