4-4不知道那里错啦

4-4不知道那里错啦

//第三次次改进----函数提取

//获取元素

//querySelector获取指定元素第一个元素,

//querySelectorAll获取指定元素全部元素,

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(){

//console.log(this.value);

switch(this.title){

case'add':

addHandler();

break;

case'subtrautHandler':

subtrautHandler();

break;

case'multiplyHandler':

multiplyHandler();

break;

case'divideHandler':

divideHandler();

break;

}

};

});//不要忘记分号

//each函数接受参数(数组,函数),btns是数组,function是函数

//index是btns的索引,elem是btns的元素

//遍历

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 subtraut(num1,num2){

return num1-num2;

}

function multiply(num1,num2){

return num1*num2;

}

function divide(num1,num2){

return num1/num2;

}

//输出结果

function outputResult(result){

resultOutput.innerTML =result;

}

//加

function addHandler(){

updateSign('+');

outputResult(add(formerInput.value,laterInput.value));

}

//减

function subtrautHandler(){

updateSign('-');

outputResult(subtraut(formerInput.value,laterInput.value));

}

//乘

function multiplyHandler(){

updateSign('×');

outputResult(multiply(formerInput.value,laterInput.value));

}

function divideHandler(){

updateSign('÷');

outputResult(divide(formerInput.value,laterInput.value)); 

}


正在回答 回答被采纳积分+1

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

3回答
小丸子爱吃菜 2018-02-01 09:30:01

只看JS代码无法准确的定位的问题所在,建议上传你全部的代码,我们通过运行,去查找问题所在。

祝学习愉快!

提问者 金沙熊飞 2018-01-31 22:17:50

我的天啊,粘贴复制都会有错误title变成tilte,晕死人啊!

提问者 金沙熊飞 2018-01-31 21:07:14

我反复查看啦,÷号就是没有反应,其他都ok的,头都快炸啦

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

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

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

0 星
进击JavaScript核心 2018
  • 参与学习       466    人
  • 提交作业       74    份
  • 解答问题       635    个

JavaScript不仅能实现静态页面到动态特效的转变,还能完成数据的动态交互,但是关于js到底功能有多强大,大家还是有所期待的,本路径将带你深入到js中,一一揭开JavaScript的神秘面纱。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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