问答详情
源自:6-11 编程练习

为什么运行不了,点击按钮没反应

大神看看,是哪个地方错了啊?

修改后:

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

       

     var sr1=document.getElementById("txt1").value;//获取第一个输入框的值

     var sr2=document.getElementById("txt2").value;//获取第二个输入框的值

     var xlk=document.getElementById("select").value;//获取选择框的值

     var fh="";

     switch (xlk){

         case "+":

             fh=parseInt(sr1)+parseInt(sr2);

         break;

         case "-":

             fh=parseInt(sr1)-parseInt(sr2);

         break;

         case "*":

             fh=parseInt(sr1)*parseInt(sr2);

         break;

         default;

             fh=parseInt(sr1)/parseInt(sr2);

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

     document.write("fruit").value=fh;//设置结果输入框的值 

    

   }

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


提问者:qq_阿凯丶_03536973 2016-07-06 10:19

个回答

  • 某白丶
    2016-07-15 10:01:43

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

         var sr1=document.getElementById("txt1").value;//获取第一个输入框的值

         var sr2=document.getElementById("txt2").value;//获取第二个输入框的值

         var xlk=document.getElementById("select").value;//获取选择框的值

         var fh="";

         switch (xlk){

             case "+":

                 fh=parseInt(sr1)+parseInt(sr2);

             break;

             case "-":

                 fh=parseInt(sr1)-parseInt(sr2);

             break;

             case "*":

                 fh=parseInt(sr1)*parseInt(sr2);

             break;

             default:

                 fh=parseInt(sr1)/parseInt(sr2);

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

         document.getElementById("fruit").value=fh;//设置结果输入框的值

        

       }

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

  • 一剑一人
    2016-07-08 00:41:37

    先把  default后面的;改成:  然后再把  document.write("fruit").value=fh;//设置结果输入框的值   这句改成 document.getElementById("fruit").value = fh;     

  • Shane_Yin
    2016-07-06 12:50:10

    default后面应该是冒号,而且你的fruit也没有获取值,有值了修改fruit的value属性也不能这么改,直接给fruit.value值就可以。

     var fruit=document.getElementById("fruit");

    fruit.value=fh;

  • 慕粉3555483
    2016-07-06 10:59:38

    通过getElementById();获取元素时,括号里的id号要加双引号,你再试试