谁能告诉我这个简易计算器错哪了,onclick的时候没反应呢

来源:6-11 编程练习

慕粉3541845

2016-07-20 12:55

 <script type="text/javascript">
   function count(){

      var num="";
      var t1= document.getElementById("txt1").value;
      var t2= document.getElementById("txt2").value;
      var sel=document.getElementById("select").value;

      switch(sel){

        case "+": num = parseInt(t1) + parseInt(t2); break;
        
        case "-": num = parseInt(t1) - parseInt(t2); break;

        case "*": num = parseInt(t1) * parseInt(t2); break;

        default : num = parseInt(t1) / parseInt(t2); break;
      }

      document.setElementById("fruit").value = num;
  }
  </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' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果-->
   <input type='text' id='fruit' />   
 </body>

写回答 关注

6回答

  • 狍狍1
    2016-07-20 14:10:55
    已采纳

    document.setElementById("fruit").value = num;修改为document.getElementById("fruit").value = num;

    慕粉3541...

    非常感谢!

    2016-07-25 17:04:01

    共 1 条回复 >

  • anfly
    2016-07-22 10:19:26


     document.setElementById("fruit").value = num;// setElementById 错误 应该是getElementById


  • qq_NyancoSensei_03684091
    2016-07-20 15:16:15

    <script type="text/javascript">
       function count(){

          var num = 0 ;
          var t1= document.getElementById("txt1").value;
          var t2= document.getElementById("txt2").value;
          var sel=document.getElementById("select").value;
    //    document.write(t1+" "+t2+ " " + sel);

          switch(sel){

            case "+": num = parseInt(t1) + parseInt(t2); break;
            
            case "-": num = parseInt(t1) - parseInt(t2); break;

            case "*": num = parseInt(t1) * parseInt(t2); break;

            default : num = parseInt(t1) / parseInt(t2); break;
          }
          //document.write(num);
          document.getElementById("fruit").innerText = num ;
      }
      </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' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果-->
       <input type='text' id='fruit' />   
     </body>

  • qq_韶轩寂雪_03557907
    2016-07-20 14:24:49

    应该是document.getElementById("fruit").value=num;不是document.setElementById("fruit").value=num;

  • 慕运维2192977
    2016-07-20 14:12:11

      document.setElementById("fruit").value = num;  这里应该是document.getElementById("fruit").value = num;

  • 精慕门0689410
    2016-07-20 14:00:27

    你比我牛逼 我不会

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468190 学习 · 21891 问题

查看课程

相似问题