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

有人能帮我看看吗,谢谢

<!DOCTYPE html>

<html>

 <head>

   <title>事件</title>

   <script type="text/javascript">

     function count() {

       var a = document.getElemenById("txt1").value;

       var b = document.getElemenById("txt2").value;

       var c = document.getElemenById("select").value;

       var sum;

       switch (c) {

         case "+":

           sum = parseInt(a) + parseInt(b);

           break;

         case "-":

           sum = parseInt(a) - parseInt(b);

           break;

         case "*":

           sum = parseInt(a) * parseInt(b);

           break;

         case "/":

           sum = parseInt(a) / parseInt(b);

           break;

       }

       document.getElemenById("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>



提问者:qq_慕勒5462825 2019-06-26 18:49

个回答

  • 林轩之
    2019-06-27 15:41:41

    有点粗心,getElementById你的t没有。添上就行了,有4处?

  • qq_慕勒5462825
    2019-06-26 19:14:38

    可以帮我看看哪里有问题吗,运行不出来

  • 程序猿天璇
    2019-06-26 19:12:30

    <!DOCTYPE html><html> <head>  <title> 事件</title>    <script type="text/javascript">   function count(){       var d = "";    var a=document.getElementById("txt1").value;       //获取第一个输入框的值    var b=document.getElementById("txt2").value;	//获取第二个输入框的值    var c=document.getElementById("select").value;	//获取选择框的值    switch(c)	{     case "+":     //d = a + b;     d = parseInt(a)+parseInt(b);     break;     case "-":     d = a-b;     break;     case "*":     d = a*b;     break;     default:     d = a/b;     }    document.getElementById("fruit").value   = d;       }  </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>


  • 程序猿天璇
    2019-06-26 19:11:37

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           var d = "";

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

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

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

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

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

    //获取选择框的值

        switch(c)

    {

         case "+":

         //d = a + b;

         d = parseInt(a)+parseInt(b);

         break;

         case "-":

         d = a-b;

         break;

         case "*":

         d = a*b;

         break;

         default:

         d = a/b;

         }

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

        

       }

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