运算加减乘除的计算器

最新推荐文章于 2022-04-27 17:56:22 发布

沧蓝呀

最新推荐文章于 2022-04-27 17:56:22 发布

阅读量2.2k

点赞数

文章标签： js

本文链接：https://blog.csdn.net/qq_43569454/article/details/84980137

版权

做了一个简单的加减乘除的计算器

先输入一个数字
在选择加，减，乘，除的符号
输入第三位数字
点击等于号就会出现结果了
html部分

<body>
  <form name="myform">
   <input type="text" name="num1" value=""/><br>
   
   <select id="select">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
   </select><br>
   <input type="text" name="num2" value=""/>
   <input type="button" value="=" onclick="hanshu()" /><br>
   <input type="text" name="sum" id="sum"/>
  </form>
 </body>

怕麻烦就没有做CSS部分了
js部分

function hanshu () {
 var count1 = parseInt(document.myform.num1.value);//获取第一个框输入的值
 var count2 = parseInt(document.myform.num2.value);//获取第二个框输入的值
 var fu = document.getElementById("select").value;//获取选择框的值
 switch (fu){
  case "+":
  document.getElementById("sum").value=parseInt(count1)+parseInt(count2);
   break;
   case "-":
  document.getElementById("sum").value=parseInt(count1)-parseInt(count2);
   break;
   case "*":
  document.getElementById("sum").value=parseInt(count1)*parseInt(count2);
   break;
   case "/":
  document.getElementById("sum").value=parseInt(count1)/parseInt(count2);
   break;
 }
 
}

因为是刚开始学习，所以做的很粗糙，还请多多指教啦！

沧蓝呀

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
运算加减乘除的计算器

做了一个简单的加减乘除的计算器先输入一个数字在选择加，减，乘，除的符号输入第三位数字点击等于号就会出现结果了html部分&lt;body&gt; &lt;form name="myform"&gt; &lt;input type="text" name="num1" value=""/&gt;&lt;br&gt; &l
复制链接

扫一扫