zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Bei Berechnung ganze Seite weg

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.03.2015, 14:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.03.2015
Beiträge: 1
Schueler befindet sich auf einem aufstrebenden Ast
Standard Bei Berechnung ganze Seite weg

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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.03.2015, 10:33
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Ohne es zu probieren: Dein button ist kein type='button'. Standardmäßig sind buttons submit buttons.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Element ausserhalb seite positionieren, so daß keine scrollbar entsteht st-SaHiB CSS 5 20.07.2009 09:49
Nach klick auf menüpunkt soll die gewünschte seite in der seite erscheinen rs-web CSS 45 17.07.2009 15:16
Überprüfen, ob eine Seite von einer externen Seite im Frameset geladen wurde naitsab Javascript & Ajax 2 11.05.2009 19:53
Shtml auf jeder Seite einbinden - counter iVx Serveradministration und serverseitige Scripte 1 13.09.2007 18:31
Fixer Header (CSS Frame) und Sprung zu Anker auf dieser Seite Chico_wau CSS 2 14.05.2007 19:08


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:02 Uhr.