JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  <button type="button">
    submit
  </button>
</form>

JavaScript

document.getElementsByTagName("button")[0].onclick = function(e) {
  e.stopPropagation();
	console.log("button clicked");
  e.target.setAttribute("type", "submit")
}

document.getElementsByTagName("form")[0].onsubmit = function(e) {
  e.preventDefault();
	console.log("form submitted");
}