lucab: Wie Ergebnis einer Javascript-Methode in einem HTML-Textfeld ausgeben?

Beitrag lesen

Hi,

ich würde gerne einen Taschrechner als Webseite bauen. Bisher habe ich den folgenden Code, allerdings wird im Ergebnisfeld nichts ausgegeben:


<script>
function Addieren() {
var a = parseInt(form.Zahl1.value);
var b = parseInt(form.Zahl2.value);
var Ergebnis = a + b;
document.getElementById('ergebnis').value = Ergebnis;  
}

function Subtrahieren(){
var a = parseInt(form.Zahl1.value);
var b = parseInt(form.Zahl2.value);
var ergebnis = a - b;
document.getElementById('ergebnis').value = Ergebnis;  
}

function Multiplizieren(){
var a = parseInt(form.Zahl1.value);
var b = parseInt(form.Zahl2.value);
var ergebnis = a * b;
form.Ergebnis.value = ergebnis;
}

function Dividieren(){
var a = parseInt(form.Zahl1.value);
var b = parseInt(form.Zahl2.value);
var ergebnis = a / b;
document.getElementById('ergebnis').value = Ergebnis;  
}

function Potenzieren(){
var a = parseInt(form.Zahl1.value);
var b = parseInt(form.Zahl2.value);
var ergebnis = Math.pow(a, b);
document.getElementById('ergebnis').value = Ergebnis;  
}
</script>

<form name=rechner>
	<input type=text name=Zahl1 size=30>
	<input type=button value="+" onClick="Addieren()"> 
	<input type=button value="-" onClick="Subtrahieren()">
	<input type=button value="*" onClick="Multiplizieren()">
	<input type=button value="/" onClick="Dividieren()">
	<input type=button value="^" onClick="Potenzieren()">
	<input type=text name=Zahl2 size=30>
	=
	<input type=readonly id="ergebnis" name=Ergebnis size=30 >
</form>

Liegt der Fehler vielleicht bei der Zeile: document.getElementById('ergebnis').value = Ergebnis; ?

akzeptierte Antworten