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

麻烦各位大神查看下 到底哪里出错了

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function add(){

       var d="";

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

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

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

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

//获取选择框的值

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

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

  switch(c){

  case "+":

  d =parseFloat(a) + parseFloat(b);break;

   case "-":

  d = parseFloat(a) - parseFloat(b);break;

   case "*":

  d =parseFloat(a) * parseFloat(b);break;

   default "/":

  d =parseFloat(a) / parseFloat(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="add()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 

   <input type="text" id="fruit" />   

 </body>

</html>


提问者:魂魄之子 2016-12-27 14:41

个回答

  • qq_你非我良人怎知我情深_0
    2016-12-27 14:52:59
    已采纳

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

           }
       </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_你非我良人怎知我情深_0
    2016-12-27 14:59:36

    http://img.mukewang.com/5862114a00017c9907200669.jpg你看下截图