JSFiddle - React, Tailwind, and code Playground

by rapik

HTML

<form id="form1" >
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit" onclick="buttonClick()">
  <br><br>
  <div id="log"></div>  
</form>

CSS

input[type=submit] {
  background: yellow;
}

input[type=submit]:active {
  background: red;
}

JavaScript

document.getElementById("form1").addEventListener("submit", function(e) {

  e.preventDefault();

	document.getElementById("log").innerHTML += "Form submitted<br/>" ;
	  
  return false;
});

buttonClick = function() {
	document.getElementById("log").innerHTML += "Button clicked<br/>" ;
}