JavaScript Funktion Summe?

Hallo ich möchte ein einfaches Programm scheiben was von zwei input feldern die Zahlen nach button Bestätigung zusammenrechnet. Bin mir bei meinem Code nicht sicher. Es addiert die Zahlen nicht sondern schreibt sie zusammen. 1+2=12

<script>
function summe()
{
var z1=document.getElementById('zahl1').value;
var z2=document.getElementById('zahl2').value;


var ergebnis= (z1+z2);
document.write("Das Ergebnis ist:"+ ergebnis);
}
</script>
<input type=text id="zahl1">
<input type=text id="zahl2">
<input type=button onclick="summe()" value="=">
</body>

Answer 1

[RakonDark]

input type text erzeugt erstmal strings , das sind also genau genommen nur zeichen hintereinander ohne irgendeine wertigkeit ausser ihrem ascii code .

weil du also mit getElement...value nun nicht ein WERT holst sondern die Zeichen , werden diese auch beim addieren einfach nur hintereinander gepackt .

in diesem fall könntest du es z.b. jeweils mit *1 in eine zahl konvertieren

also

var ergebnis= ((z1*1)+(z2*1));

oder für Integer (ganze zahlen ) zahlen z.b.

 var z1 = parseInt(document.getElementById('zahl1').value);

oder parseFloat()

konvertieren .

danach sind es Zahlenwerte mit den kannste wieder ganz normal rechnen .

bedenke , in javascript wird bei gewissen handlungen dem kontext entsprechen der Variablentyp gecastet (umgerechnet) zu dem was die logik als vorgabe liefert.