请帮我看一下代码哪里出问题了?
<!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>
13
收起
正在回答 回答被采纳积分+1
2回答
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星