<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Calculator</title>
<script src="js/Calculator.js"></script>
</head>
<body>
<span>User</span>
<input type="text" id="one" value="120" />
<br />
<span>Operation</span>
<input type="text" id="opr" value="+" />
<br />
<span>User</span>
<input type="text" id="two" value="120" />
<br />
<button onclick="count();">计算</button>
<br />
</body>
</html>
CSS代码:
function count(){
var one = parseInt(document.getElementById("one").value);
var two = parseInt(document.getElementById("two").value);
var opr = document.getElementById("opr").value;
switch(opr){
case "+": document.write(one+two); break;
case "-": document.write(one-two); break;
case "*": document.write(one*two); break;
case "/": document.write(one/two); break;
}
}