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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

<!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>

庄海鑫 2017-09-08

源自：JavaScript实现简易计算器 3-1 添加JS功能

13

收起

2回答

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

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

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

我照着老师打的，为什么会出现错误？

CHUNALAI #1

我也是同样的问题

2018-02-12 16:27:56
卡布琦诺回复 CHUNALAI #2

建议你新建问题提问，并且将你写的代码贴上来，方便大家更加准确的定位你的问题并帮助你解决~

2018-02-12 16:41:19

相似问题

老师，帮忙看一下代码哪里出了问题，谢谢

老师，帮忙看下我的导出文件代码哪里出问题了

老师帮我看看问题出现在哪里，我main部分动不了,顺便帮我看看我的遮罩层为什么用不了

想问一下老师我这代码哪里出了问题

老师，我确实看不出哪里有问题了，求解？

登录后可查看更多问答，登录/注册

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

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

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

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

帮助反馈 APP下载

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

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