计算器（限加减乘除）

最新推荐文章于 2024-04-02 21:19:31 发布

坤.+

最新推荐文章于 2024-04-02 21:19:31 发布

阅读量197

点赞数 1

分类专栏：知识点文章标签： css css3 javascript

本文链接：https://blog.csdn.net/jiahui513/article/details/125216747

版权

知识点专栏收录该内容

72 篇文章 1 订阅

订阅专栏

代码部分

需要的技术，js，css，html

CSS样式部分

  <style>
       #btn{
           display: block;
           margin: 0 auto;
           margin-top: 200px;
           width: 250px;
           height: 120px;
           font-size: 40PX;
           border-radius: 10px;
           background-color: white;
       }
   </style>

html部分

//按钮
<button onclick="saiHi()" id="btn">开始计算</button>

js部分

<script type="text/javascript">//添加了js外连式

<!--计算器-->

function saiHi() {
    var a=parseInt(prompt('输入第一个整数是：'));
    var b=parseInt(prompt('输入第二个整数是：'));
    var c=prompt("输入一个计算符 (+-*/)");
    var d=eval(a+c+b);
//eval：可以把输入的字符串运算符（'+'）转化成算术运算符的+
    alert(a+c+b+'='+d)//打印
}

</script>