好的,以下是一个
简易的 web
网页设计计算器的示例代码:
html<!DOCTYPEhtml><html><head><title>简易计算器</title><style>input[type="button"] {width: 50px;height: 50px;font-size: 20px;margin: 5px;}</style></head><body><h1>简易计算器</h1><input type="text" id="display" disabled /><br /><input type="button" value="1" onclick="addToDisplay('1')" /><input type="button" value="2" onclick="addToDisplay('2')" /><input type="button" value="3" onclick="addToDisplay('3')" /><input type="button" value="+" onclick="addToDisplay('+')" /><br /><input type="button" value="4" onclick="addToDisplay('4')" /><input type="button" value="5" onclick="addToDisplay('5')" /><input type="button" value="6" onclick="addToDisplay('6')" /><input type="button" value="-" onclick="addToDisplay('-')" /><br /><input type="button" value="7" onclick="addToDisplay('7')" /><input type="button" value="8" onclick="addToDisplay('8')" /><input type="button" value="9" onclick="addToDisplay('9')" /><input type="button" value="*" onclick="addToDisplay('*')" /><br /><input type="button" value="0" onclick="addToDisplay('0')" /><input type="button" value="." onclick="addToDisplay('.')" /><input type="button" value="=" onclick="calculate()" /><input type="button" value="/" onclick="addToDisplay('/')" /><br /><input type="button" value="C" onclick="clearDisplay()" /><script>function addToDisplay(value) {document.getElementById("display").value += value;}function clearDisplay() {document.getElementById("display").value = "";}function calculate() {var expression = document.getElementById("display").value;var result = eval(expression);document.getElementById("display").value = result;}</script></body></html>
这是一个简单的
HTML页面,其中包含一个输入框和一些按钮用于输入数字和操作符。JavaScript 代码实现了将按钮的值添加到输入框的功能,以及计算表达式并在输入框中显示结果的功能。
版权声明:
本文来源网络,所有图片文章版权属于原作者,如有侵权,联系删除。
本文网址:https://www.mushiming.com/mjsbk/2369.html