Ich möchte einen einfachen Taschenrechner machen, der nur zwei Zahlen summiert

var num1 = Number(document.getElementById("n1").value);
var num2 = Number(document.getElementById("n2").value);

function sum() {
  var result = num1 + num2;
  console.log(result);
}
<input type="text" id="n1">
<input type="text" id="n2">
<button id="btn" onclick="sum();">Submit</button>
<script src="javascript.js"></script>

Wenn ich es starte und zwei Werte hinzufüge und die Taste drücke, wird in der Konsole 0 zurückgegeben

0
S.alhaider 22 Feb. 2020 im 01:15

3 Antworten

Beste Antwort

In Ihrem Code rufen Sie Werte ab, bevor sie von einem Benutzer geändert werden.

var num1 = document.getElementById("n1");
var num2 = document.getElementById("n2");

function sum() {
  var result = Number(num1.value) + Number(num2.value);
  console.log(result);
}
<input type="text" id="n1">
<input type="text" id="n2">
<button id="btn" onclick="sum();">Submit</button>
<script src="javascript.js"></script>
5
PM 77-1 21 Feb. 2020 im 22:19

Sie speichern tatsächlich den ersten Wert der Eingänge, der standardmäßig 0 ist.

Ändern Sie die Variablen in Verweise auf die Elemente. Greifen Sie dann auf die Werte zu, wenn der Benutzer die Taste drückt.

var num1 = document.getElementById("n1");
var num2 = document.getElementById("n2");

function sum() {
  var result = parseInt(num1.value) + parseInt(num2.value);
  console.log(result);
}
<input type="text" id="n1">
<input type="text" id="n2">
<button id="btn" onclick="sum();">Submit</button>
<script src="javascript.js"></script>
0
sebostien 21 Feb. 2020 im 22:21

Sie müssen die Variablen num1 und num2 in die Summenfunktion einfügen, da Ihr Skript die Werte num1 und num2 jedes Mal lesen sollte, wenn Sie die Summe berechnen möchten.

 function sum() {
      var num1 = Number(document.getElementById("n1").value);
      var num2 = Number(document.getElementById("n2").value);
      var result = num1 + num2;
      console.log(result);
    }
0
razouq 21 Feb. 2020 im 22:31