Calculator

Calculator with all operation

by Narendra Vishwakarma

HTML

<body>
	<input type="text" id="first" placeholder="first number"/>
	<input type="text" id="second" placeholder="second number" />
	<br><br>
	<button type="submit" class="tot" value = "add">Add</button>
	<button type="submit" class="tot" value = "sub">Sub</button>
	<button type="submit" class="tot" value = "multi">Multi</button>
	<button type="submit" class="tot" value = "div">Div</button>
	<br><br>
	<div id="ans"></div>
</body>

JavaScript

$(".tot").on("click", function(){
  var num1 = parseFloat($("#first").val());
  var num2 = parseFloat($("#second").val());
  var opera = $(this).val();
  var ans = $("#ans");
  var total = 1;

  if(opera=='add')				total = num1+num2;
  else if(opera=='sub')		total = num1-num2;
  else if(opera=='multi')	total = num1*num2;
  else if(opera=='div')		total = num1/num2;

  ans.html(total.toFixed(2));
});