JSFiddle - React, Tailwind, and code Playground

by maerics

HTML

<form name="form1">
  <span id="buttons">
    <input type="button" name="button1" value="Speed1"/>
    <input type="button" name="button2" value="Speed2"/>
    <input type="button" name="button3" value="Speed3"/>
  </span>
  <input name="reset" type="reset"/>
</form>

JavaScript

var speed, buttonsDiv=document.getElementById("buttons");

for (var i=1; i<=3; i++) {
  var button = document.form1["button" + i];
  button.onclick = function() {
    speed = this.value;
    alert("OK: speed=" + speed);
    buttonsDiv.style.display = 'none';
  }
}

document.form1.reset.onclick = function() {
  speed = null;
  alert("Speed reset!");
  buttonsDiv.style.display = 'inline';
  return true;
}