为什么只能执行加法运算,减乘除都无效

来源:6-11 编程练习

萌猫的耳朵

2016-10-25 14:22

     <script type="text/javascript">

   function count(){

     var mychar1=document.getElementById("txt1").value;  

    //获取第一个输入框的值

     var mychar2=document.getElementById("txt2").value;    

    //获取第二个输入框的值

    var myselect=document.getElementById("select").value;

    var result="";

//获取选择框的值

    switch(myselect){

        case "+":

            result= parseInt(mychar1)+parseInt(mychar2);

            break;

        case "-":

           result= parseInt(mycha1)-parseInt(mychar2);

            break;

        case "*":

           result= parseInt(mycha1)*parseInt(mycha2);

            break;

        case "/":

           result= parseInt(mychar1)/parseInt(mychar2);

            break;

        default:

        null;

    }

//获取通过下拉框来选择的值来改变加减乘除的运算法则

    //设置结果输入框的值 

    document.getElementById("fruit").value=result;

   }

  </script>


写回答 关注

2回答

  • 橘子甜心
    2016-10-25 14:41:15
    已采纳

    你的代码“-”和“+”的case里的第一个参数应该是mychar1,不是mycha1。

    直接var result;就行,不用var result="";

    萌猫的耳朵 回复橘子甜心

    怎么debug?貌似这里什么提示都没有

    2016-10-25 14:52:52

    共 4 条回复 >

  • 慕哥7653536
    2016-10-25 14:48:58

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

        //获取第一个输入框的值

        var num1=parseInt(document.getElementById("txt1").value);

    //获取第二个输入框的值

        var num2=parseInt(document.getElementById("txt2").value);

    //获取选择框的值

        var mode=document.getElementById("select").value;

    //获取通过下拉框来选择的值来改变加减乘除的运算法则

        switch(mode){

            case "+":

            var sum=num1+num2;

            break;

             case "-":

            var sum=num1-num2;

            break;

             case "*":

            var sum=num1*num2;

            break;

             case "/":

            var sum=num1/num2;

            break;

        }

        //设置结果输入框的值 

        document.getElementById("fruit").value=sum;

       

       }

        

      </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>

    </html>


JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题