當前位置：
首頁 >
css,css,javascript实现一个简单的计算器
發(fā)布時間：2025/4/16
44
豆豆
生活随笔
收集整理的這篇文章主要介紹了
css,css,javascript实现一个简单的计算器
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
實現(xiàn)效果：
? ?
? ? ? ?
代碼如下：
<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8" /><title>calculator</title><style>.display {width: 311px;height: 40px;font: 400 20px/40px "微軟雅黑";}input {height: 50px;width: 60px;margin: 10px 10px;font: 400 20px/40px "微軟雅黑";padding: inherit;margin: 0px;}.txt {width: 100px;}td {border: hidden;}table {background-color: #eee;}</style><script>var str = "";function myfun(v) {if (v == "C") {txtResult.value = "";str = "";}else if (v == "=") {txtResult.value = eval(str);str = txtResult.value;}else if (v == "pow") {txtResult.value = txtResult.value + "pow(";str = str+"Math.pow(";}else {txtResult.value = txtResult.value + v;str = str + v;}}</script> </head><body><table border="1" align="center" )><tr><td colspan="5"> <input class="display" value="" type="text" id="txtResult" size="27"></td></tr><tr><td><input type="button" value="1" onclick="myfun(this.value)"></td><td><input type="button" value="2" onclick="myfun(this.value);"></td><td><input type="button" value="3" onclick="myfun(this.value);"></td><td><input type="button" value="+" onclick="myfun(this.value);"></td><td><input type="button" value="-" onclick="myfun(this.value);"></td></tr><tr><td><input type="button" value="4" onclick="myfun(this.value);"></td><td><input type="button" value="5" onclick="myfun(this.value);"></td><td><input type="button" value="6" onclick="myfun(this.value);"></td><td><input type="button" value="*" onclick="myfun(this.value);"></td><td><input type="button" value="/" onclick="myfun(this.value);"></td></tr><tr><td><input type="button" value="7" onclick="myfun(this.value);"></td><td><input type="button" value="8" onclick="myfun(this.value);"></td><td><input type="button" value="9" onclick="myfun(this.value);"></td><td><input type="button" value="(" onclick="myfun(this.value);"></td><td><input type="button" value=")" onclick="myfun(this.value);"></td></tr><tr><td><input type="button" value="0" onclick="myfun(this.value);"></td><td><input type="button" value="C" onclick="myfun(this.value);"></td><td><input type="button" value="," onclick="myfun(this.value);"></td><td><input type="button" value="pow" onclick="myfun(this.value);"></td><td><input type="button" value="=" onclick="myfun(this.value);"></td></tr></table></body> </html>?
總結(jié)
以上是生活随笔為你收集整理的css,css,javascript实现一个简单的计算器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 黄金分割算法求函数的极值C++实现
- 下一篇： JS知识点笔记-常用方法