cal

by ProPlayerMet

HTML

<!-- ioyuiugtiifufggfkkgghhhhhhhhSxfghgIdryftMhfgdhgfSIMPLE CAL -->
<input type = "text" id = "num1" />
<input type = "text" id = "op" />
<input type = "text" id = "num2" />
<input type = "button" value = "IT'S HIIIIIIIIIIIIIGH NOOON 🔫" onClick = "calculate()" />
<hr>

<div id = "result"  ></div>

CSS

input {
  width: 550px;
  color: red;
  background-color: black;
  font-size: 25px
}
#result {
  width: 150px;
  height: 25px;
  border: dashed black;
  }

JavaScript

function calculate() {

var arg1;
var binaryOp;
var arg2;
var myAnswer = 0;

arg1 = document.getElementById("num1").value;

binaryOp = document.getElementById("op").value;

arg2 = document.getElementById("num2").value;

//alert(myAnswer);




if (binaryOp === "+") {
myAnswer = Number(arg1) + Number(arg2);
}

else if (binaryOp === "-") {
myAnswer = Number(arg1) - Number(arg2);
}

else if (binaryOp === "*") {
myAnswer = Number(arg1) * Number(arg2);
}

else if (binaryOp === "/") {
myAnswer = Number(arg1) / Number(arg2);
}

else if (binaryOp === "%") {
myAnswer = Number(arg1) % Number(arg2);
}



else {
   alert("plaese only use the +, -, *, and / operators");
}

document.getElementById("result").innerHTML = myAnswer;

 
}