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

计算器功能不明白为什么实现不了，感觉没什么错，求大神指点

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
   function count(){

    //获取第一个输入框的值
    var a=parseInt(document.getElementById(txt1).value)；
   //获取第二个输入框的值
    var b= parseInt(document.getElementById(txt2).value)；
   //获取选择框的值
    var c= document.getElementById(select).value；
   //获取通过下拉框来选择的值来改变加减乘除的运算法则
    switch(c){
        var result;
        case '+':
            result=a+b;
            break;
        case '-':
            result=a-b;
            break;
        case '*':
            result=a*b;
            break;
        case '/':
            result=a/b;
            break;
        default:
            break;


    }
    //设置结果输入框的值
    document.getElementById(fruit）.value = result；
   }
</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_梦幻现实_1

2016-08-08

源自：JavaScript进阶篇 6-11

关注问题我要回答

940

操作

收起

6 回答

加百列回答被采纳 +3 积分
2016-08-08

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){

//获取第一个输入框的值
var a=parseInt(document.getElementById("txt1").value);
//获取第二个输入框的值
var b= parseInt(document.getElementById("txt2").value);
//获取选择框的值
var c= document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var ss;
switch(c){

case '+':
ss=a+b;
break;
case '-':
ss=a-b;
break;
case '*':
ss=a*b;
break;
case '/':
ss=a/b;
break;
default:
break;

}
//设置结果输入框的值
document.getElementById("fruit").value = ss;
}
</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>

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

收起回答

qq_梦幻现实_1 提问者

谢谢你，很对

2016-08-09 回复有任何疑惑可以回复我~

慕移动9181930
2022-03-27

有时候我们恰好需要的就只是不被丢失的那一部分：是的呢。。这个得记一下。

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

收起回答

qq时光是记忆de橡皮檫
2016-08-08

首先，根据ID获取元素里面要用引号，例如document.getElementById("txt1")，其次，你定义的结果的值不应该放到switch里面，

var result;

switch(c){

        case '+':
            result=a+b;
            break;
        case '-':
            result=a-b;
            break;
        case '*':
            result=a*b;
            break;
        case '/':
            result=a/b;
            break;
        default:
            break;


    }