请帮我看一下代码哪里出问题了?

请帮我看一下代码哪里出问题了?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>简易计算器</title>
<style>
html,body{
height: 100%
}
body{
background: #ccc;
}
#calculator{
position: absolute;
left: 50%;
top:50%;
transform: translate(-50%,-50%);
background-color: #fcc;
padding:40px ;
}
</style>
</head>
<body>
<div id="calculator">
<p>
<input type="text" class="formerInput" value="1">
<span class="sign">+</span>
<input type="text" class="laterInput" value="1">
<span>=</span>
<span class="resultOutout">2</span>
</p>
<p>
<input type="button" value="+" onclick="addHandler();">
<input type="button" value="-" onclick="subtractHandler();">
<input type="button" value="×" onclick="multiplyHandler();">
<input type="button" value="÷" onclick="dividedHandler();">
</p>
</div>
<script>
var calculator=document.querySelector('#calculator');
var formerInput=calculator.querySelector('.formerInput');
var laterInput=calculator.querySelector('.laterInput');
var resultOutput=calculator.querySelector('.resultOutput');
var sign=calculator.querySelector(".sign");
function addHandler(){
sign.innerHTML="+";
resultOutput.innerHTML=formerInput.value+laterInput.value;
}
</script>
</body>
</html>


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

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

2回答
卡布琦诺 2017-09-10 12:42:02

建议亲再仔细对照一下代码,看看是不是哪里遗漏了代码哦~

提问者 庄海鑫 2017-09-08 22:39:07

http://img1.sycdn.imooc.com/climg//59b2ab690001c16409490768.jpg我照着老师打的,为什么会出现错误?

  • 我也是同样的问题
    2018-02-12 16:27:56
  • 建议你新建问题提问,并且将你写的代码贴上来,方便大家更加准确的定位你的问题并帮助你解决~
    2018-02-12 16:41:19
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

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

在线咨询

领取优惠

免费试听

领取大纲

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