JSFiddle - React, Tailwind, and code Playground

by Jia Nelson

HTML

<h1>
Enter two digits and select an operand
</h1>

<input type="number" id="fnum" value="1"/>
<input type="number" id="snum" value="1"/>
<button onclick="add()">add</button>
<button onclick="subtract()">subtract</button>
<button onclick="divide()">divide</button>
<button onclick="multiply()">multiply</button>
<button onclick="exponent()">exponent</button>
<p id="done"></p>

JavaScript

function add(){
	var x = parseInt(document.getElementById("fnum").value);
  var y = parseInt(document.getElementById("snum").value);
  document.getElementById("done").innerHTML = x+y;
}

function subtract(){
	var x = parseInt(document.getElementById("fnum").value);
  var y = parseInt(document.getElementById("snum").value);
  document.getElementById("done").innerHTML = x+(-y);
}

function divide(){
	var x = parseInt(document.getElementById("fnum").value);
  var y = parseInt(document.getElementById("snum").value);
  if(x ===0){
  	document.getElementById("done").innerHTML = "Not-defined";
  	return;
  }
  var final = 0;
  while(x > 0){
  	x = x + (-y);
    final++;
  }
  if(x === 0)
  	document.getElementById("done").innerHTML = final;
  else
  	document.getElementById("done").innerHTML = "Not-integral answer";
}

function multiply(){
	var x = parseInt(document.getElementById("fnum").value);
  var y = parseInt(document.getElementById("snum").value);
  var final = 0;
  for(var i = 0; i < y; i++){
  	final = final + x;
  }
  document.getElementById("done").innerHTML = final;
}
function mult(x,y){
	var final = 0;
	for(var i = 0; i< y; i++){
  	final = final + x;
  }
  return final;
}
function exponent(){
	var x = parseInt(document.getElementById("fnum").value);
  var y = parseInt(document.getElementById("snum").value);
  if(y ===0){
  	document.getElementById("done").innerHTML = 1;
  	return;
  }
  var final = x;
  for(var i = 1; i < y; i++){
  	final = mult(final,x);
  }
  document.getElementById("done").innerHTML = final;
}