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

来源:6-11 编程练习

qq_阿凯丶_03536973

2016-07-06 10:19

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

修改后:

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


写回答 关注

4回答

  • 某白丶
    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;

    Shane_... 回复qq_阿凯丶...

    你获取了fruit的值了没有,再加上我给你写的代码才行。我亲自试了的,可以运行。

    2016-07-06 17:32:33

    共 2 条回复 >

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

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

    qq_阿凯丶...

    我把修改后的代码贴上去额,你看看,这样也不行啊。

    2016-07-06 11:12:10

    共 1 条回复 >

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题