这个如何修改正确?

这个如何修改正确?

<!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">

    var calculatorElem={

        num1:document.getElementById('.num1'),

        num2:document.getElementById('.num2'),

        result:document.getElementById('.result'),  

        operate:document.getElementById('.operate') 

        };

        function count() {

            /*此处写代码*/

           outputResult(operate(calculatorElem.operate.value,calculatorElem.num1.value,calculatorElem.num2.value));

        }

        var m={

            '+':function(a,b){

                return +a+ +b;

            },

            '-':function(a,b){

                return a-b;

            },

            '*':function(a,b){

                return a*b;

            },

            '/':function(a,b){

                return a/b;

            }

        }

        function operate(name,a,b){

            return m[name](a,b);

        };

        var outputResult=function(r){

            calculatorElem.result.value=r;

        };


    

    </script>

</body>

</html>



正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,

是获取元素的问题,通过id值获取元素,前面不需要加任何选择器哦,如下修改:

http://img1.sycdn.imooc.com//climg/5dae785309bfbcc006570406.jpg

修改之后计算就正确了,自己测试下。

祝学习愉快!欢迎采纳~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师