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

哪里出错了啊

function count(){

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

var var1 = parseInt(document.getElementById("text1"）.value）；

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

var var2 = parseInt(document.getElementById("text2"）.value）；

//获取选择框的值

var var3 = parseInt(document.getElementById("select"）.value）；

var result ="";

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

switch(var3)

{

case '+' :

result = var1 + var2;

break;

case '-' :

result = var1 - var2;

case '*' :

result = var1 * var2;

break;

case '/' :

result = var1 / var2;

break;

}

//设置结果输入框的值

document.getElementById("fruit"）.value = result；

}

</script>

</head>

<body>

</select>

一切哦克

2015-10-29

源自：JavaScript进阶篇 6-11

关注问题我要回答

615

操作

收起

1 回答

Perona
2015-10-29

 var var1 = parseInt(document.getElementById("text1"）.value）；
//获取第二个输入框的值
 var var2 = parseInt(document.getElementById("text2"）.value）；
//获取选择框的值
 var var3 = parseInt(document.getElementById("select"）.value）；

页面中没有id为text1、text2，改成txt1和txt2。

获取符号是不需要转换为整型的，所以把parseInt。

case '-' :
            result = var1 - var2;

这里缺了break;

<input type='button' value=' = ' onclik="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果-->

这里是onclick，不是onclik

还有就是好多括号和分号都敲成了中文的，改成英文的即可

修改后的全代码

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