JS编写简单计算器【执行计算语句 EVAL 】

最新推荐文章于 2021-04-25 23:32:24 发布

中国匠心

最新推荐文章于 2021-04-25 23:32:24 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Js 文章标签： button input

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/mikemoon/article/details/7541986

Js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的HTML计算器的实现方式，包括使用JavaScript处理输入并执行基本的数学运算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>计算器</title>
<script type="text/javascript">

function clickvalue(val){
    //获取显示框
var result=document.getElementsByName("result")[0];
//判断如果点击按钮为等会的话进行计算
if(val=='=') {
  result.value=result.value+'='+eval(result.value);
}
    //判断如果点击的按钮为清除，清空显示框
else if(val=='cls'){
  result.value='';
}
//其它的将点击的按钮在显示框中进行显示
else{
  result.value=result.value+val;
}
}

</script>
</head>
<body style="text-align: center;">

<div
style="width: 200px; height: 230px; background-color: teal; text-align: center;">

<p><br />
<input type="text" value="" name="result" width="150px" disabled /></p>
<p>
    <input type="button" name="1" value=" 1 "
onclick="clickvalue(1);" />
<input type="button" name="2"
value=" 2 " onclick="clickvalue(2);" />
<input type="button"
name="3" value=" 3 " onclick="clickvalue(3);" />
<input
type="button" name="+" value=" 加 " onclick="clickvalue('+');" />
</p>
<p>
    <input type="button" name="4" value=" 4 "
onclick="clickvalue(4);" />
<input type="button" name="5"
value=" 5 " onclick="clickvalue(5);" />
<input type="button"
name="6" value=" 6 " onclick="clickvalue(6);" />
<input
type="button" name="-" value=" 减 " onclick="clickvalue('-');" />
</p>
<p>
    <input type="button" name="7" value=" 7 "
onclick="clickvalue(7);" />
<input type="button" name="8"
value=" 8 " onclick="clickvalue(8);" />
<input type="button"
name="9" value=" 9 " onclick="clickvalue(9);" />
<input
type="button" name="*" value=" 乘 " onclick="clickvalue('*');" />
</p>
<p>
    <input type="button" name="0" value=" 0 "
onclick="clickvalue(0);" />
<input type="button" name="/"
value=" 除 " onclick="clickvalue(/);" />
<input type="button"
name="=" value="等于" onclick="clickvalue('=');" />
<input type="button"
name="cls" value="清空" onclick="clickvalue('cls');" />
</p>
</div>
</body>
</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。