當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

一个web版的计算器

發布時間：2023/12/10 编程问答 30 豆豆

生活随笔收集整理的這篇文章主要介紹了一个web版的计算器小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

非小白勿入！！！
emmmm，最近寫js作業復習題，有個計算器的題目，我就拿來啦，哈哈哈。
想著html也是一種良好的界面嘛，還可以手動改變(js)，哈哈哈，就有此了。
關鍵tm瀏覽器還可以解析，又還是跨平臺的，你說羞（秀）不羞（秀）。

不bb，直接代碼啦。

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>my calculate</title><script type="text/javascript">function getNum(obj) {var a = document.getElementById("firstNum").value;var b = document.getElementById("secondNum").value; a = Number.parseFloat(a);b = Number.parseFloat(b); var sum = 0;switch (obj){case "+":sum = a + b;break;case "-":sum = a - b;break;case "*":sum = a * b;break;case "/":sum = a / b;break;default:break;}document.getElementById("sum").value = sum;}</script></head><body><table border="1px" width="600px" height="300px" style="text-align: center;"><tr><td>第一個數：</td><td><input type="text" id="firstNum" /></td></tr><tr><td>第二個數：</td><td><input type="text" id="secondNum" /></td></tr><tr><td colspan="2"><button onclick="getNum('+')">+</button><button onclick="getNum('-')">-</button><button onclick="getNum('*')">*</button><button onclick="getNum('/')">/</button></td></tr><tr><td>結果：</td><td><input type="text" id="sum"/></td></tr></table></body> </html>

只可加減乘除了。作業的需求就是這樣。🤣 測試的加法。

總結

以上是生活随笔為你收集整理的一个web版的计算器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。