                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

真心找不出哪里的错

<!DOCTYPE html>

<html>

<head>

function count(){

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

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

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

a= parseFloat(a);

b= parseFloat(b);

var d="";

switch(c){

case "+":

d= a+b;

break;

case"-":

d=a-b;

break;

case"*":

d=a*b;

break;

default"/":

d=a/b;

}

document.getElementById(fruit).value=d;

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

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

//获取选择框的值

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

//设置结果输入框的值

}

</script>

</head>

<body>

</select>

</body>

</html>

Youruncle

2016-07-02

源自：JavaScript进阶篇 6-11

关注问题我要回答

797

操作

收起

2 回答

JYD_L 回答被采纳 +3 积分
2016-07-02

综上，引用ID要加引号的

0 回复有任何疑惑可以回复我~

收起回答

Youruncle 提问者

非常感谢！

2016-07-25 回复有任何疑惑可以回复我~

JYD_L
2016-07-02

<!DOCTYPE html>

<html>

<head>

<title> 事件</title>

<meta charset="utf-8">
<script type="text/javascript">

   function count(){
   //引用ID的时候要加引号
         //var a= document.getElementById(txt1).value;
         //var b= document.getElementById(txt2).value;
   //var c= document.getElementById(select).value;
   var a= document.getElementById("txt1").value;
         var b= document.getElementById("txt2").value;
         var c= document.getElementById("select").value;



       a= parseFloat(a);

       b= parseFloat(b);

       var d="";

       switch(c){

           case "+":

              d= a+b;

              break;

           case"-":

               d=a-b;

               break;

           case"*":

               d=a*b;

               break;

           //default后面不需要选项：
   //default"/":
   default:
              d=a/b;

       }
   //同理加引号
   //document.getElementById(fruit).value=d;
       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>