使用JavaScript完成一个简易计算器的功能
程序员文章站
2022-04-07 18:20:19
使用JavaScript完成一个简易计算器的功能 Title
使用JavaScript完成一个简易计算器的功能
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" id="a" placeholder="请输入第一个数"/><br/>
<input type="text" id="b" placeholder="请输入第二个数"/><br/>
<td>运算符</td><br/>
<input type="button" value="+" onclick="op('+')"/>
<input type="button" value="-" onclick="op('-')"/>
<input type="button" value="*" onclick="op('*')"/>
<input type="button" value="/" onclick="op('/')"/><br/>
<td>运算结果：</td>
<input type="text" id="result"/>
<script>
function op(o){
//获取输入的值
var a=Number(document.getElementById("a").value);
var b=Number(document.getElementById("b").value);
if (isNaN(a) || isNaN(b)) {
alert("您输入的数字不正确");
return;
}
if (o== "/" && b == 0) {
alert("被除数不能为零");
return;
}
//存储结果
var result;
switch (o){
case "+":
result=a+b;
break;
case "-":
result=a-b;
break;
case "*":
result=a*b;
break;
case "/":
result=a/b;
break;
}
//显示结果
document.getElementById("result").value=result;
}
</script>
</body>
</html>本文地址：https://blog.csdn.net/qq_46056826/article/details/109246268
上一篇： Edraw亿图图示怎么连接曲线?
下一篇： 常用的字符转换