老师，请检查一下

来源：4-5 第四次修改--管理代码

谜亚星

2019-11-09 21:06:02

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>简易计算器</title> 
<style>
body{
background-color:#eee;
}
#calculator{
margin:100px 0 0 150px;
}
</style>
</head> 
<body>
<div id="calculator">
<p class="one" >
<input type="text" class="inputone" value="1"/>
<span class="sign">+</span>
<input type="text" class="inputtwo" value="2"/>
<span>=</span>
<span class="resultOutput">3</span>
</p>
<p class="two">
<input class="btn" tittle="add" type="button"  value="+"/>
<input class="btn" tittle="sub" type="button"  value="-"/>
<input class="btn" tittle="mul" type="button"  value="*"/>
<input class="btn" tittle="div" type="button"  value="/"/>
</p>
</div>
    <script> 
var calculator=document.querySelector('#calculator');
var inputone=calculator.querySelector('.inputone');
var inputtwo=calculator.querySelector('.inputtwo');
var sign=calculator.querySelector('.sign');
var resultOutput=calculator.querySelector('.resultOutput');
var btns=calculator.querySelectorAll('.btn');
for(var i=0;i<btns.length;i++){
btns[i].onclick=function(){
switch(this.tittle){
case'add':
addHandler();
break;
case'sub':
subHandler();
break;
case'mul':
mulHandler();
break;
case'div':
divHandler();
break;
}
};
}
function addHandler(){
sign.innerHTML='+';
resultOutput.innerHTML= +inputone.value + +inputtwo.value;
}
function subHandler(){
sign.innerHTML='-';
resultOutput.innerHTML= inputone.value - inputtwo.value;
}
function mulHandler(){
sign.innerHTML='*';
resultOutput.innerHTML= inputone.value * inputtwo.value;
}
function divHandler(){
sign.innerHTML='/';
resultOutput.innerHTML= inputone.value / inputtwo.value;
}
    </script> 
</body> 
</html>

老师，这个执行不了，可是我发现不了错误，请老师检查一下

写回答

1回答