<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
第一个数:<input type="text" id="one" />+<br>
第二个数:<input type="text" id="two" />=<br>
运算符号:<input type="button" name="" id="" value="+" onclick="cal('+')" />
<input type="button" name="" id="" value="-" onclick="cal('-')" />
<input type="button" name="" id="" value="*" onclick="cal('*')" />
<input type="button" name="" id="" value="/" onclick="cal('/')" /><br>
运算结果:<input type="text" name="result" id="result" value="" />
<script type="text/javascript">
function cal(y) {
var one = document.getElementById("one").value
var two = document.getElementById("two").value
var result = 0
if (isNaN(one)) {
alert("第一个数不是数字")
}
if (isNaN(two)) {
alert("第二个数不是数字")
}
if (y == "+") {
result = parseFloat(one) + parseFloat(two)
} else if (y == "-") {
result = parseFloat(one) - parseFloat(two)
} else if (y == "*") {
result = parseFloat(one) * parseFloat(two)
} else if (y == "/") {
result = parseFloat(one) / parseFloat(two)
}
document.getElementById("result").value = result
}
</script>
</body>
</html>
js模拟计算机
最新推荐文章于 2023-12-07 12:41:35 发布