Hallo,
ich hab ein Problem, ich soll für die Schule eine Übungsaufgabe machen. Man soll in ein Feld zunächst eingeben, von wievielen Noten der Durchschnitt berechnet werden soll, dann soll eine Schleife entsprechende viele Eingabefelder für die Noten bereitstellen, dann den Durchschnitt errechnen.
Den Button "Durchschnitt berechnen" habe ich nun mit einen Funktion belegt, die den Durchschnitt berechnet und den Wert des entsprechenden Feldes ändert, anstatt dessen, wird die ganze vorhergehende Ausgabe gelöscht! Bitte helfen! Danke!
Code:
<!doctype html>
<head>
<meta charset="utf-8">
<title>Aufgabe 2</title>
</head>
<body>
<script>
function felder() {
var durch = document.getElementById("eingabe").value;
var output ="";
for(var i = 1; i <= durch; i++) {
output += '<p>Note ' + i + ' ' + '<input name="note' + i + '" id="note' + i + '" type="text" size="35" maxlength="4"></p>';
}
document.getElementById("test").innerHTML = output;
document.getElementById("durchschnitt").innerHTML = 'Schnitt: <input name="schnitt" id="schnitt" type="text" size="35" maxlength="4">';
document.getElementById("berechne").innerHTML = '<button onlick=berechne()>Durchschnitt berechnen</button>';
}
function berechne() {
var gesamt = 0;
for(var i = 1; i <= document.durch; i++) {
durch += document.getElementById("note" + i).value;
}
var note = gesamt / document.durch;
document.getElementById("schnitt").value = note;
}</script>
<div id="aussen">
<div id="oben">
<form>
<label for="eingabe">Wieviele Noten möchten sie eingeben: <input id="eingabe" >
</label>
</form>
</div>
<div id="unten">
<form>
<fieldset>
<button onclick=felder() type="button" id="ok">OK</button>
<button type="button" id="abr">Abbrechen</button>
</fieldset>
</form>
</div>
</div>
<form class="noten">
<p id="test"></p>
<p id="durchschnitt"></p>
<p id="berechne"></p>
</form>
</body>