我的簡單計算器無法正常工作。我想在按鈕單擊事件上使用事件監聽器

Question

我要實現以下目標：

創建一個簡單的計算器，將兩個數字相加，相乘，相減和相除。
三個分別包含輸入數字1，輸入數字2和結果的文本框
四個按鈕，分別加，減，除和乘
四個函數add（），subtract（），multiple（），divide（）分別對兩個輸入數字執行加，減，乘和除運算。
每個函數應在第三個（結果）文本框中顯示結果。
將“ click”事件偵聽器添加到所有按鈕，並將以上函數名稱用作處理程序
輸入驗證。 在每個處理程序函數內部，對文本框值使用isNaN（）函數，以確保用戶輸入數字，而不輸入字母或其他字符。 顯示警報以通知用戶。
單擊任何按鈕時，請確保用戶不會將任何文本框留空。 使用value =“”來確保這一點。 顯示警報以通知用戶。

我無法正常工作的代碼如下：

 <html> <body> <h1> Calculator</h1> <input type="text" id="textbox1" placeholder="Enter number 1" > <input type="text" id="textbox2" placeholder="Enter number 2" > <input type="text" id="textbox3" placeholder="Results" ><br><br> <input type="button" id="button1" value="Add"> <input type="button" id="button2" value="Subtract"> <input type="button" id="button3" value="Multiply"> <input type="button" id="button4" value="Devide"> <script> var button1 = document.getElementById("button1"); button1.addEventListener("click",add); var button2 = document.getElementById("button2"); button2.addEventListener("click",subtract); var button3 = document.getElementById("button3"); button3.addEventListener("click",multiply); var button4 = document.getElementById("button4"); button4.addEventListener("click",devide); function add(){ var num1 = parseInt(document.getElementById('textbox1').value); var num2 = parseInt(document.getElementById('textbox2').value); document.getElementById("textbox3").innerHTML = num1 + num2; } function subtract(){ var num1 = parseInt(document.getElementById('textbox1').value); var num2 = parseInt(document.getElementById('textbox2').value); document.getElementById("textbox3").innerHTML = num1 - num2; } function multiply(){ var num1 = parseInt(document.getElementById('textbox1').value); var num2 = parseInt(document.getElementById('textbox2').value); document.getElementById("textbox3").innerHTML = num1 * num2; } function devide(){ var num1 = parseInt(document.getElementById('textbox1').value); var num2 = parseInt(document.getElementById('textbox2').value); document.getElementById("textbox3").innerHTML = num1 / num2; } </script> </body> </html>

Answer 1

文本框沒有有意義的innerHTML 。 代替document.getElementById("...").innerHTML = ... ，請使用document.getElementById("...").value = ...

我的簡單計算器無法正常工作。我想在按鈕單擊事件上使用事件監聽器

問題描述

1 個解決方案

解決方案1
2 2019-03-08 02:15:12

我的簡單計算器無法正常工作。 我想在按鈕單擊事件上使用事件監聽器

問題描述

1 個解決方案

解決方案1 2 2019-03-08 02:15:12

我的簡單計算器無法正常工作。我想在按鈕單擊事件上使用事件監聽器

解決方案1
2 2019-03-08 02:15:12