点击事件无法执行不知道为为什么

来源:6-11 编程练习

慕神7509951

2016-07-23 12:20

 function count(){   
    //获取第一个输入框的值
    var x=document.getElementById("txt1");
    //获取第二个输入框的值
    var y=document.getElementById("txt2");
    //获取选择框的值
    var sel=document.getElementById("select");
     var z= "";
    //获取通过下拉框来选择的值来改变加减乘除的运算法则
    switch(sel){
        case "+":
            z=parseInt(x)+parseInt(y);
            break;
        case "-":
            z=parseInt(x)-parseInt(y);
            break;
        case "*":
            z=parseInt(x)*parseInt(y);
            break;
            default;
        default:
            z=parseInt(x)/parseInt(y);
            break;
    }
    //设置结果输入框的值
    document.getElementById("fruit").value= z ;
    
   }
  </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>

写回答 关注

2回答

  • 慕仔3664579
    2016-07-26 23:42:08

    你这个代码问题比较多啊,该以下几点应该就可以了:

    1. 多了一个default;

    2. 三个document.getElementById后面少了.value

    3. 注意每一个id是单引号,而你get的是双引号;

    4. switch里面+号是单引号,改下

      注意看每个符号!

  • 慕粉3710634
    2016-07-23 13:54:05

    获取输入框的值var x=document.getElementById("txt1").value,你漏了value

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题