jQuery addClass example

Change class name on click in jQuery

by niso

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Calculator JS</title>
  </head>

  <body>
    <form>
      Value 1: <input type="text" id="value1"> Value 2: <input type="text" id="value2">
      <br/> Operator:
      <select id="operator">
  <option value="add">Add</option>
  <option value="min">Minus</option>
  <option value="div">Divide</option>
  <option value="mul">Multiply</option>
  </select>
      <button type="button" onclick="calc()">Calculate</button>
      <label> </label>
    </form>
    <input type="text" id="result"/>
  </body>

</html>

JavaScript

function calc(){
var n1 = parseInt(document.getElementById('value1').value);
var v2 = parseInt(document.getElementById('value2').value);

var op = document.getElementById('operator').value;
if(op === 'add'){
document.getElementById('result').value = n1+n2;
}