哪里错了 为什么不能运行?

来源:6-11 编程练习

qq__少明_04040300

2017-07-17 22:58

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){   
    //获取第一个输入框的值
  var num1 = document.getElementById("txt1").value;
  //获取第二个输入框的值
  var num2 = document.getElementById("txt2").value;
  //获取选择框的值
  var num3 =  document.getElementById("select").value;
  //获取通过下拉框来选择的值来改变加减乘除的运算法则
  switch(num3){
        case "+":
    var max=num1+num2;
      break;
        case "-":
    var  max=num1-num2;
      break;
        case "*":
    var  max=num1*num2;
      break;
         default:
    var  max=num1/num2;
      break;
  }
    //设置结果输入框的值
    document.getElementById("fruit").value=max;
  }
  </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>

写回答 关注

6回答

  • qq_日不落_5
    2017-07-22 14:07:35

    你的document.getElementById("fruit").value=max;中的右括号是中文输入法

  • wu_sp
    2017-07-18 14:41:31

    你这个有毒把,怎么就是不出结果>???????

  • wu_sp
    2017-07-18 14:30:57

    给我积分呀


  • wu_sp
    2017-07-18 14:29:50

    var max=num1+num2; 这里不能直接计算的,因为你要人家知道你输入的是数字

    所以max=parseInt(num1)+parseInt(num2);用parseInt()解析一个字符串并且返回一个整数,

    或者用parseFloat(num1)解析一个字符串返回一个浮点型的数字


  • Smallearly233
    2017-07-17 23:27:19

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){   

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

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

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

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

      //获取选择框的值

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

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

      

      var max;

      switch(num3){

            case "+":

          max=parseInt(num1)+parseInt(num2);

          break;

          

            case "-":

            max=num1-num2;

          break;

            case "*":

           max=num1*num2;

          break;

             default:

           max=num1/num2;

          break;

      }

        //设置结果输入框的值

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

      }

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


  • Smallearly233
    2017-07-17 23:23:35

    switch()里面max变量名重复,在switch外面声明一个max变量即可。

JavaScript进阶篇

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

468192 学习 · 21891 问题

查看课程

相似问题