简单设计计算器

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
function x(t){
var a=parseFloat(document.getElementById("one").value);//将要输入的第一个数的值赋予到a
var b=parseFloat(document.getElementById("tow").value);//将要输入的第一个数的值赋予到b
var y;//创建元素y
switch (t){
case "+":
y=a+b;
break;
case "-":
y=a-b;
break;
case "*":
y=a*b;
break;
case "/":
y=a/b;
break;
}
document.getElementById("result").value=y;//将上面y的值赋予到result(结果)
}
</script>
</head>
<body>
<label for="one">第一个数</label>
<input type="text" id="one"><br>
<label for="tow">第二个数</label>
<input type="text" id="tow"><br>
<input type="button" value="+" onclick="x('+')"><input type="button" value="-" onclick="x('-')">
<input type="button" value="*" onclick="x('*')"><input type="button" value="/" onclick="x('/')">
<br>
<input type="text" readonly="readonly" id="result">
</body>
</html>
posted @ 2018-07-17 20:08  勤劳的猪猪  阅读(138)  评论(0编辑  收藏  举报