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

找不出来哪里错了

<script type="text/javascript">
   function count(){
        var a = document.getElementById('txt1').value;
        var b = document.getElementById('txt2').value;
    var c = document.getElementById('select').value;
    var d = '';
        switch(c){
            case '+':
               d = a + b ;
            break;
            case '-':
                d = a - b;
            break;
            case '*':
                d = a * b;
            break;
            case '/':
                d = a / b;
            break;
        }
   var e = document.getElementById('fruit').value;
   e = 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' />

我找不出来哪里错了各位大神帮我看看哪里错了

qq_Timebegin_0

2018-06-14

源自：JavaScript进阶篇 6-11

关注问题我要回答

1098

操作

收起

5 回答

阳火锅
2018-06-15

跟着我的思路来哦。。你首先搞清楚document.getElementById('fruit').value是取输入框的值对吧。。目前没得到结果的时候输入框的值是空的。。而且这个输入框是需要把结果赋值到里面。。变量赋值就是从左到右，d是什么东西？ d不就是结果值嘛。。代码解析出来不就是把算出来的结果值赋进输入框嘛... 照你的写法把输入框赋进这个值。。难道不报错？是吧。。要一层层理解。。慢慢来

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

收起回答

qq_Timebegin_0 提问者

赋值不是从右到左吗 a=1 不是把1赋给a吗有点懵

2018-06-15 回复有任何疑惑可以回复我~

阳火锅回复 qq_Timebegin_0 提问者

嗯，你能理解赋值就好。。你只要记住是把值赋给输入框。。别把输入框赋给值。。我告诉你的也是一个解代码的思路。。

2018-06-15 回复有任何疑惑可以回复我~

qq_Timebegin_0 提问者回复阳火锅

我写的 e = d 是把值d 赋给输入框e 吧.....

2018-06-15 回复有任何疑惑可以回复我~

查看3条回复

我只是个bug仔555555
2018-06-20

<!DOCTYPE html>

<html>

<head>

function count(){

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

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

//获取选择框的值

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

//设置结果输入框的值

var n1 = parseInt(document.getElementById("txt1").value);

var n2 = parseInt(document.getElementById("txt2").value);

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

switch(opr)

{

case "+":

document.getElementById("fruit").value = n1 + n2;

break;

case "-":

document.getElementById("fruit").value = n1 - n2;

break;

case "*":

document.getElementById("fruit").value = n1 * n2;

break;

case "/":

document.getElementById("fruit").value = n1 / n2;

break;

}

</script>

</head>

<body>

</select>

</body>

</html>

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

收起回答

阿旗_健身狂人
2018-06-15

你这个还是有问题首先加号除了加法还有字符串连接功能

所以加法会出现 1 + 1 等于 12 情况

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>事件</title>
    <meta name="keywords" content="关键词列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
 <!--<script type="text/javascript" src="JS文件路径"></script>-->
 <script type="text/javascript">
 function count(){

            //获取第一个输入框的值
            //获取第二个输入框的值
            //获取选择框的值
            //获取通过下拉框来选择的值来改变加减乘除的运算法则
            //设置结果输入框的值
 var a = Number(document.getElementById("txt1").value); //转换成数字类型

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

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

 var d = '';

 switch(c)
            {
                case "+":
                d = a + b;
 break;

 case "-":
                d= a - b;
 break;

 case "*":
                d = a * b;
 break;

 case "/":
                d = a / b;
 break;
 }
            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>

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

收起回答

qq_Timebegin_0 提问者

昂这个找出错误的时候改掉了还是谢谢您~

2018-06-15 回复有任何疑惑可以回复我~