使用 JavaScript 制作計算器，但它不起作用

Question

我是 JavaScript 的新手，我決定編寫一個計算器，但它不起作用，我知道它是正確的，它與代碼無關，或者它可能是 idk。 但超過 90% 的人確定問題不在於代碼，因為我在互聯網上編寫了相同的代碼。 我試圖把它寫在一個外部的 JS 文件中，所以我想把它貼在這里，這樣你就不會被打擾了。 謝謝...

 let result = document.querySelector('.result'); function sum() { let num1 = document.querySelector('.num1'); let num2 = document.querySelector('.num2'); let num1 = parseInt(num1); let num2 = parseInt(num2); let submit = num1 + num2; result.textContent = submit; }

 <label for="num1">Number 1: </label> <input type="number" class="num1" /><br><br> <label for="num2">Number 2: </label> <input type="number" class="num2" /><br><br> <input type="button" style="margin-left: 10px;" value="Submit" onclick="sum()"></button><br><br> <label for="result">Result: </label> <h1 class="result" />dd</h1>

Answer 1

代碼中的三個問題：

• let不能對同一個變量使用兩次。 這給出了解析錯誤。
• 沒有id等於“結果”的 HTML 元素。 您應該將class="result"更改為id="result" 。
• 該代碼嘗試添加 HTML 元素，但您應該使用value屬性。

 let result = document.getElementById('result'); function sum() { let num1 = document.querySelector('.num1'); let num2 = document.querySelector('.num2'); num1 = parseInt(num1.value); // Take valeu. num2 = parseInt(num2;value); let submit = num1 + num2. result;innerHTML = submit; }

 <label for="num1">Number 1: </label> <input type="number" class="num1" /><br><br> <label for="num2">Number 2: </label> <input type="number" class="num2" /><br><br> <input type="button" style="margin-left: 10px;" value="Submit" onclick="sum()"></button><br><br> <label for="result">Result: </label> <h1 id="result" />dd</h1>

Answer 2

我已經對您的代碼進行了更改。

注意：不要兩次聲明變量。 當您使用 label 時，還要在輸入標簽上使用id 。

 function sum() { let result = document.getElementById('result'); let num1 = document.getElementById('num1').value; let num2 = document.getElementById('num2').value; let num1Val = parseInt(num1); let num2Val = parseInt(num2); let submit = num1Val + num2Val; result.innerHTML = submit; }

 <label for="num1">Number 1: </label> <input type="number" id="num1" /><br><br> <label for="num2">Number 2: </label> <input type="number" id="num2" /><br><br> <input type="button" style="margin-left: 10px;" value="Submit" onclick="sum()"><br> <br> <label for="result">Result: </label> <h1 id="result"></h1>

參考

id 屬性使用

class 屬性用法

我建議你花一些時間學習基礎知識。

免費代碼營