JAVASCRIPT

how to stop form from reloading page

 <form id="form">
            <input type="text" name="name" id="user-name" placeholder="Enter your name">
            <input type="email" name="email id="user-email" placeholder="Enter your email">
            <button id="submit" type="submit">Submit</button>
        </form>
<script>
var form = document.getElementById("form");
form.addEventListener("submit",(e)=>{
    e.preventDefault();
    //This will prevent the form from reloading
    //Because you are preventing the default
})
</script>

javascript stop the form from reloading

Use <button type="button"> to override default submission behavior
Use event.preventDefault() in the onSubmit event to prevent form submission