JSFiddle - React, Tailwind, and code Playground

by Alex Fogarty

HTML

<h1>The Amazing Adder</h1>
<div>
  <input id="num1" type="text" size="3" /> +
  <input id="num2" type="text" size="3" /> =
  <span id="answer"></span> <br />

  <button onclick="compute();">Compute!</button>
</div>

</div>

JavaScript

function compute() {
  var input1 = document.getElementById("num1");
  var input2 = document.getElementById("num2");
  var answer = document.getElementById("answer");
  var result = parseInt(input1.value) + parseInt(input2.value);
  answer.innerHTML = result;
}