Why won't the change in CSS styling caused by JavaScript remain after script finishes running?

Question

Edit: Title makes more sense now.

I\'m currently writing basic CRUD functionality using a popular web framework. In the edit section of my app, I have a \'Delete\' butto

Answer 1

1. You click the button
2. The JavaScript runs and modifies the DOM loaded into the browser
3. The form submits (because you clicked a submit button)
4. The browser loads a new page (which doesn't have the changes you made to the DOM with JS because they were only local)

If you don't want to submit the form when you click the button, don't use a submit button. Add type="button".