老师帮忙看下

来源:4-8 编程练习

人间第一流

2019-12-22 16:11:42

<!DOCTYPE html>

<html>

<head>

    <title> 事件</title>

</head>

<body>

    <input type='text' id='num1' />

    <select id='operate'>

        <option value='+'>+</option>

        <option value="-">-</option>

        <option value="*">*</option>

        <option value="/">/</option>

    </select>

    <input type='text' id='num2' />

    <input type='button' value=' = ' onclick="count()" />

    <input type='text' id='result' />

    <script type="text/javascript">

        function count() {

            /*此处写代码*/

            //获取元素

            var wrapEle={

                num1:document.getElementById("num1"),

                num2:document.getElementById("num2"),

                result:document.getElementById("result"),

                btn:document.getElementById("operate")

            };

            // 封装算法

            var enAlg={

                add:function(num1,num2){return +num1++num2},

                subtract:function(num1,num2){return +num1-+num2},

                multiply:function(num1,num2){return +num1*+num2},

                divide:function(num1,num2){return +num1/+num2}

            };

            // 返回结果

            function resultOutput(con){

                result.value=con;

            }

            // 判断操作符

            switch('wrapEle.btn.value'){

                case'+':

                    resultOutput(enAlg.add(num1.value,num2.value));

                    break;

                case'-':

                    resultOutput(enAlg.subtract(num1.value,num2.value));

                    break;

                case'*':

                    resultOutput(enAlg.multiply(num1.value,num2.value));

                    break;

                case'/':

                    resultOutput(enAlg.divide(num1.value,num2.value));

                    break;           

                    

            }

        }

    </script>

</body>

</html>


写回答

1回答

好帮手慕粉

2019-12-22

同学你好,关于同学的问题解答如下:

1、当老师运行同学的代码时,控制台报如下错误:

http://img.mukewang.com/climg/5dff270a097de01f17440261.jpg

查看同学的代码,是有一处计算地方,标点符号用的不对:

http://img.mukewang.com/climg/5dff27e20909f5d505910199.jpg

修改了之后就没有报错信息了。

2、经过以上修改以后,还是不能得到计算的结果。这是因为同学在进行switch语句判断的时候,判断条件写错了,应该直接将值传进去,不加引号:

http://img.mukewang.com/climg/5dff293a0959423605770167.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 14456 问题

查看课程