计算器为什么显示不出结果

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title> JS的计算器 </title>
  <script type="text/javascript">
  function $(id){
    return document.getElementById(id);
  }
  function jisuan(){
    //1.获取num1对象
    var num1_obj =$("num1");
    //2.获取num1对象所填写的值
    var num1_val = num1_obj.value;
    //3.将获取到的num_val转换成数
    num1_val = parseFloat(num1_val);


    var num2_obj =$("num2");
    var num2_val = num1_obj.value;
    num2_val = parseFloat(num2_val);

    var fuhao_obj =$("num1");
    var fuhao_val = fuhao_obj.value;

    //开始计算
    var res = 0
    switch(fuhao_val){
      case "+":
         res = num1_val + num2_val;
         break;
       case "-":
         res = num1_val - num2_val;
         break;
    }

    //把值放回到结果框
    //1.获取到result的对象
    var result =$("result");
    //2.把值放回去
    result.value = res.toFixed(2);
  }
  </script>
 </head>
 <body>
 <h1>简单的计算器</h1>
 第一个数：<input type="text" id="num1"><br>
 选择符号：
 <select name="fuhao" id="fuhao">
 <option value="+"> + </option>
 <option value="-"> - </option>
 </select><br>
 第二个数：<input type="text" value="" id="num1"><br>
 点击计算：<input type="button" value="=" onclick="jisuan"><br>
 运算结果：<input type="text" value="" id="result"><br>
 </body>
</html>

各位大神，小弟调试好久，也没有找出问题，请各位大神帮帮忙谢谢大家了

慕粉4408023

浏览 1695回答 1

1回答

Caballarii

好多错误。第20行应该是var num2_val = num2_obj.value;第23行应该是var fuhao_obj =$("fuhao");第53行id应该是num2第54行onclick应该是jisuan()

0 0

随时随地看视频慕课网APP