JavaScript 中的計算器是一個非常常見的項目。特別是在網頁中，為了方便用戶進行一些簡單的數學計算，我們經常需要在頁面上加入一個簡單的計算器。而 JavaScript 是一種功能強大而且容易學習和使用的編程語言，可以非常方便地實現一個計算器。下面我們來看看如何使用 JavaScript 實現一個基本的計算器。
我們首先需要在 HTML 中創建一個網頁框架，用于顯示計算器和用戶輸入的數字和計算結果。網頁框架可以像下面這樣創建：
<html> <head> <title>JavaScript 計算器</title> </head> <body> <h1>JavaScript 計算器</h1> <form name="calculator" action=""> <input type="text" name="result" value="0"> <br> <input type="button" onclick="calculator.display.value +='7'" value="7"> <input type="button" onclick="calculator.display.value +='8'" value="8"> <input type="button" onclick="calculator.display.value +='9'" value="9"> <input type="button" onclick="calculator.display.value +='*'" value="*"> <br> <input type="button" onclick="calculator.display.value +='4'" value="4"> <input type="button" onclick="calculator.display.value +='5'" value="5"> <input type="button" onclick="calculator.display.value +='6'" value="6"> <input type="button" onclick="calculator.display.value +='/'" value="/"> <br> <input type="button" onclick="calculator.display.value +='1'" value="1"> <input type="button" onclick="calculator.display.value +='2'" value="2"> <input type="button" onclick="calculator.display.value +='3'" value="3"> <input type="button" onclick="calculator.display.value +='+'" value="+"> <br> <input type="button" onclick="calculator.display.value +='0'" value="0"> <input type="button" onclick="calculator.display.value +='.'" value="."> <input type="button" onclick="calculator.display.value =''" value="AC"> <input type="button" onclick="calculator.display.value =eval(calculator.display.value)" value="="> </form> </body> </html>
上面的代碼創建了一個簡單的網頁計算器。其中，網頁框架使用了 HTML 的 form 和 input 標簽創建。form 標簽用于指定表單的名稱，action 屬性為空，表示這個表單不需要提交任何數據。input 標簽用于創建按鈕，其中 type 屬性指定了按鈕的類型，如 text 表示文本按鈕，button 表示普通按鈕。onlick 屬性用于定義點擊按鈕時要執行的 JavaScript 代碼。
計算器中的 JavaScript 代碼可以使用下面的方式實現：
<script type="text/javascript">
function Calculate(){
var x = document.calculator.display.value;
var y = eval(x);
document.calculator.display.value = y;
}
</script>上面的代碼創建了一個名為 Calculate 的函數，該函數用于執行計算器上的計算，并將結果顯示在計算器屏幕上。首先，該函數通過 document.calculator.display.value 獲取計算器屏幕上的數字字符串，然后調用 eval 函數對其進行計算，并將計算結果賦值給變量 y。最后，該函數將變量 y 的值顯示在計算器屏幕上。
當用戶點擊計算器上的數字和運算符按鈕時，我們需要將它們追加到當前數字字符串的末尾。這可以通過下面的代碼實現：
function AddToScreen(digit){
document.calculator.display.value +=digit;
}上面的代碼創建了一個名為 AddToScreen 的函數，該函數用于將傳遞的數字或運算符添加到當前數字字符串的末尾。函數參數 digit 用于傳遞要添加的數字或運算符，例如 +、-、*或/。函數簡單地將參數 digit 追加到當前數字字符串的末尾，然后更新計算器屏幕。
實際上，JavaScript 還有很多其他方法可以實現計算器功能。例如，我們可以使用 JavaScript 的 eval 函數對用戶輸入的計算表達式進行求值，也可以使用 JavaScript 的 eval 和 parse 函數將用戶輸入的計算表達式轉換為逆波蘭表達式。
以上就是 JavaScript 中實現計算器的基本方法。當然，實際應用中，我們還需要考慮其他方面，例如輸入錯誤檢查和兼容性等問題。但是，使用上述代碼可以實現一個基本的計算器，足以滿足一般應用的需求。