老师,我没有思路,

老师,我没有思路,

<!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()" id="btn" />
    <input type='text' id='result' />
    <script type="text/javascript">
        var num1 =document.getElementById('num1');
        var operate = document.getElementById('operate');
        var opts = operate.querySelectorAll('option');
        var num2 = document.getElementById('num2');
        var result = document.getElementById('result');
        var btn = document.getElementById('btn');


        //绑定事件
        operate.onchange = function(){
            switch (this.value){
                case '+':
                    add();
                    break;
                case '-':
                    subtract();
                    break;
                case '*':
                    multiply();
                    break;
                case '/':
                    devide();
                    break;
            }
        }
        //定义加法函数
        function add(){
            result.innerHTML = +num1.value + +num2.value;
        }
         //定义减法函数
        function subtract(){
            result.innerHTML = num1.value - num2.value;
        }
         //定义乘法函数
        function multiply(){
            result.innerHTML = num1.value * num2.value;
        }
         //定义除法函数
        function devide(){
            result.innerHTML = num1.value / num2.value;
        }



        function count() {
            
        }
        
    </script>
</body>
</html>


正在回答

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

2回答

你好同学,老师没有说去掉id哦,是让同学把绑定的事件去掉,因为图一中已经在js中为按钮绑定了事件。

onclick=count()没有用,onclick=count()是同学自己写的。老师在图二中已经去掉了onclick=count(),并且注释的中也说了js已经绑定事件了,这里就不要绑定了。在结合两张截图理解一下哦

祝学习愉快,望采纳。

好帮手慕夭夭 2019-06-24 15:26:35

你好同学,代码出现的问题以及修改思路老师给你加了注释,同学参考如下进行修改与理解哦

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

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

另外,本课程中讲解的就是一个计算器的实现思路。如果同学没有思路,建议多看几遍视频。最重要的是一定要跟着老师把例子写一下,这样才能对课程中的知识加强巩固哦。如果哪一块不懂,可以在问答区域提问,老师会针对你不会的地方帮助你解答。加油!

祝学习愉快,望采纳。

  • 提问者 宝慕林4199460 #1
    老师我还是不太懂。图二中,等号按钮为什么不用加id呢,如果这里没有id,是怎么获取到的这个按钮呢。 var声明的btn删除吗。后面为什么还有btn.onclik呢
    2019-06-25 12:42:52
  • 提问者 宝慕林4199460 #2
    老师,还有个小问题就是<input type='button' value=' = ' onclick="count()" id="btn" />,这里面的onclick=count()有什么用吗,
    2019-06-25 12:46:49
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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