能给一份单独第三次修改的完整代码吗

能给一份单独第三次修改的完整代码吗

第一二次修改注释了太多代码了   视频里上下滑来滑去的    完全看不懂

想要单独完整的第三次修改的代码   慢慢分析理解

正在回答

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

2回答

源码中有标注着第几次修改的,并没有互相穿插。老师下面给你粘贴出第三次的代码了:

 // 第三次改进--提取函数
    // 获取元素
    var calculator = document.querySelector('#calculator');
    var formerInput = calculator.querySelector('.formerInput');
    var laterInput = calculator.querySelector('.laterInput');
    var sign = calculator.querySelector('.sign');
    var resultOutput = calculator.querySelector('.resultOutput');
    var btns = calculator.querySelectorAll('.btn');

    // 绑定事件
    each(btns, function(index, elem) {
        elem.onclick = function() {
            switch (this.title) {
                case 'add':
                    addHandler();
                    break;
                case 'subtract':
                    subtractHandler();
                    break;
                case 'multiply':
                    multiplyHandler();
                    break;
                case 'divide':
                    divideHandler();
                    break;
            }
        };
    });

    // 遍历
    function each(array, fn) {
        for (var i = 0; i < array.length; i++) {
            fn(i, array[i]);
        }
    }

    // 更新符号
    function updateSign(symbol) {
        sign.innerHTML = symbol;
    }

    // 加法
    function add(num1, num2) {
        return +num1 + +num2;
    }
    // 减法
    function subtract(num1, num2) {
        return num1 - num2;
    }
    // 乘法
    function multiply(num1, num2) {
        return num1 * num2;
    }
    // 除法
    function divide(num1, num2) {
        return num1 / num2;
    }

    // 输出结果
    function outputResult(result) {
        resultOutput.innerHTML = result;
    }

    // 加
    function addHandler() {
        // sign.innerHTML = '+';
        updateSign('+');
        outputResult(add(formerInput.value, laterInput.value));
    }
    // 减
    function subtractHandler() {
        updateSign('-');
        outputResult(subtract(formerInput.value, laterInput.value));
    }
    // 乘
    function multiplyHandler() {
        updateSign('×');
        outputResult(multiply(formerInput.value, laterInput.value));
    }
    // 除
    function divideHandler() {
        updateSign('÷');
        outputResult(divide(formerInput.value, laterInput.value));
    }

可以看一下哦。

好帮手慕星星 2019-09-11 11:27:39

同学你好,

可以下载源码进行测试哦,里面每次修改的代码都保留着:

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

http://img1.sycdn.imooc.com//climg/5d7869900001841207980279.jpg
可以将注释解开。

自己下载看看,祝学习愉快!

  • 提问者 WebSaber #1
    这源码这么一大串 互相穿插 不知道哪些属于第三次改进的啊
    2019-09-11 11:32:01
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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