Zwei Zahlen in JavaScript addieren
In diesem Artikel lernen und verwenden wir arithmetische Operationen im JavaScript-Quellcode und wie man die Summe mehrerer numerischer Werte erhält und das standardmäßige Warnfeld und das Protokollfeld verwendet, um dem Benutzer das Ergebnis anzuzeigen.
Zahlen in JavaScript hinzufügen
Um die Ergebnisse arithmetischer Operationen wie (Addition, Subtraktion, Multiplikation und Division) herauszufinden, verwenden wir Operatoren in JavaScript-Codeanweisungen. Entwickler verwenden diese Operatoren meist, um Berechnungen und weitere mathematische Probleme in ihren Programmen durchzuführen.
Um den Zusatz zu finden, verwenden Programmierer den +-Operator mit numerischen Werten.
Additionsoperator (+) in JavaScript
In JavaScript erhält der Operator + das Summenergebnis von numerischen Werten. Wenn wir den Operator + in Zeichenfolgenwerten verwenden, führt er eine Verkettung zwischen Zeichenfolgen durch.
Syntax:
let value1 = 10
let value2 = 5
let sum = value1 + value2 // addition of values
console.log(sum);
Wir benötigen mehrere zugewiesene Zahlenwerte oder Werte, die vom Benutzer bereitgestellt werden, um die Additionsoperation durchzuführen. Im folgenden Beispiel erhalten wir zwei Werte aus der Benutzereingabe, führen eine Additionsoperation durch und zeigen dann das Ergebnis für den Benutzer an.
Beispielcode:
<html>
<head>
<title> display JavaScript alert </title>
</head>
<script>
function createSum()
{
let data1 = document.getElementById("value1").value;
data1 = parseInt(data1)
let data2 = document.getElementById("value2").value;
data2 = parseInt(data2)
if(isNaN(data1) || isNaN(data2)) //check empty data field
{
alert("Please enter both values");
}else{
let sum = data1+data2;
alert("Your'e sum value is : "+sum);
}
}
</script>
<body>
<h1 style="color:blueviolet">DelftStack Learning</h1>
<h3>JavaScript Add two values</h3>
<form onsubmit ="return createSum()">
<!-- data input -->
<td> Enter 1st Value: </td>
<input id = "value1" type="number">
<td> Enter 2nd Value: </td>
<input id = "value2" type="number">
<br><br>
<input type = "submit" value = "Sum values">
</form>
</body>
</html>
Ausgabe:
Wir haben das Formularelement im obigen HTML-Quellcode verwendet, um Benutzereingabefelder und eine Schaltfläche zum Senden zu erstellen. Der Benutzer fügt beide Werte ein, und wenn der Benutzer auf die Schaltfläche Submit klickt, wird die Funktion createSum() ausgelöst.
In Skript-Tags haben wir die Funktion createSum() deklariert, und innerhalb dieser Funktion erhalten wir Benutzereingabewerte in den Variablen data1 und data2 und verwenden die bedingte Anweisung if, um die Eingabewerte zu überprüfen.
Wenn Werte leer sind oder keine Zahl enthalten, wird eine Fehlermeldung alert() angezeigt. Wenn der Benutzer beide numerischen Werte angibt, haben wir in der else-Bedingung eine Addition mit dem +-Operator durchgeführt, das Ergebnis in der sum-Variablen gespeichert und im alert()-Popup angezeigt.