一个简易计算器

最新推荐文章于 2020-11-16 21:49:59 发布

Mr_HuangJW

最新推荐文章于 2020-11-16 21:49:59 发布

阅读量525

点赞数

分类专栏：一些错误文章标签： javascript

本文链接：https://blog.csdn.net/mr_huangjw/article/details/53413939

版权

一些错误专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
 <head>
  <title>计算器</title>  
  <script type="text/javascript">
   function count(){
       var a=document.getElementById("txt1").value;
       var b=document.getElementById("txt2").value;
       var caozuo=document.getElementById("select").value;
       var jieguo;
       if(caozuo=="+"){
          jieguo=parseInt(a)+parseInt(b); 
       }else if(caozuo=="-"){
          jieguo=a-b;
       }else if(caozuo=="*"){
          jieguo=a*b;
       }else{
          jieguo=a/b;
       }
       document.getElementById("fruit").value=jieguo;             
   }
  </script> 
 </head> 
 <body>
   <input type='text' id='txt1' /> 
   <select id='select'>
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
   </select>
   <input type='text' id='txt2' /> 
   <input type='button' οnclick="count()" value=' = ' /> 
   <input type='text' id='fruit' />   
 </body>
</html>

加号那里，直接写a+b会返回ab，即字符串相加了，js不像java有明确对象类型，所以加上parseInt（a）可返回整数。

还有，在最后赋值返回的时候，可以将document.getElementById().value当左值