请教各位大神代码哪里错误导致最后结果出不来呢

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

       var a;

       var txt1=document.getElementByld("txt1").value;

        var txt2=document.getElementByld("txt2").value;

        var select=document.getElementByld("select").value;

        switch(select){

           case "+":

           a=parseInt(txt1)+parseInt(txt2) ;

           break;

           case "-":

           a=parseInt(txt1)-parseInt(txt2);

           break;

           case "*":

           a=parseInt(txt1)*parseInt(txt2);

           break;

           case "/":

           a=parseInt(txt1)/parseInt(txt2);

           

        }

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

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

//获取选择框的值

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

    //设置结果输入框的值 

    

   }

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

  </script> 

 </head> 

 <body>http://www.imooc.com/qadetail/197046?lastmedia=1

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



qq_啦啦啦_43
浏览 1123回答 1
1回答

KevenHuang

 document.getElementById("fruit").value=a;这句有问题,你这句是在函数外部的,a是在函数内部定义的,函数外部获取不到函数内部的变量,函数内部可以获取函数外部的变量,这涉及到变量的作用域问题。而且你的document.getElementById也写错了,I写成了L;改善后的代码<!DOCTYPE html> <html>  <head>   <title> 事件</title>   <script type="text/javascript">    function count(){        var a;        var txt1=document.getElementById("txt1").value;         var txt2=document.getElementById("txt2").value;         var select=document.getElementById("select").value;         switch(select){            case "+":            a=parseInt(txt1)+parseInt(txt2) ;            break;            case "-":            a=parseInt(txt1)-parseInt(txt2);            break;            case "*":            a=parseInt(txt1)*parseInt(txt2);            break;            case "/":            a=parseInt(txt1)/parseInt(txt2);         }     //获取第一个输入框的值 //获取第二个输入框的值 //获取选择框的值 //获取通过下拉框来选择的值来改变加减乘除的运算法则     //设置结果输入框的值  document.getElementById("fruit").value=a;    }   </script>  </head>  <body>http://www.imooc.com/qadetail/197046?lastmedia=1    <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>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript