JSFiddle - React, Tailwind, and code Playground

by Mahadevan Sivasubramanian

HTML

<form name="addition" id="addition">Enter numbers in the box: <BR>
				 <label>Enter no 1:</label> <input id="add1" type="text" name="x"><br>
				 <label>Enter no 2: </label> <input id="add2" type="text" name="y"><br>
				 <button id="addBtn" onclick="add()">Addition</button>
			</form>
      <p id="add"></p>

JavaScript

function add(){
				alert("addition example");
					var value1 = parseInt(document.getElementById("add1").value);
					var value2 = parseInt(document.getElementById("add2").value);
					var result = value1 + value2;
					document.getElementById("add").innerHTML = result;
			}