JSFiddle - React, Tailwind, and code Playground

by samsel

HTML

<html>
<body>
  <div id="answer">Answers go here</div>
  <input id="number1" type="number">
  <input id="number2" type="number">
  <button id="addButton" type="button">Add</button>
  <button id="multiplyButton" type="button">Multiply</button>
</body>
</html>

JavaScript

document.getElementById('addButton').onclick = function() {
	const number1 = document.getElementById('number1').value;
	const number2 = document.getElementById('number2').value;
  const result = add(parseInt(number1), parseInt(number2));
  document.getElementById('answer').innerHTML = result;
};

function add(input1, input2) {
	return input1 + input2;
}

function Mulitply(input1, input2) {
	return input1 * input2;
}