TheSoulrester: [Javascript][Frage]Werte auslesen mit Schleife

Beitrag lesen

Hey Leute, ich hoffe dass ich hier richtig bin und auch (insofern es sowas gibt) im richtigen Bereich geschrieben habe.

Ich möchte gerne mit einer Schleife Werte auslesen, diese verarbeiten und dann als Wert wieder setzen. Nur leider will das nicht so ganz klappen wie ich das will.

Das ganze soll diese Funktion, welch eunter folgendem Link im ersten Post beschrieben wird, automatisch verwirklichen: Linkbeschreibung

Soweit so gut. Leider hapert es bei mir nun, die Werte dank einer For Schleife auszulesen, zu verarbeiten und dannnach als Wert zu setzen.

Zunächst habe ich so gearbeitet:

<html>
	<head>
		<script language="javascript" type="text/javascript">
			function rechnen(){
				var a=0;
				var Erzanzahl = document.getElementById("Metall").value;
				var Schmelzdauer = document.getElementById("Schmelzdauer").value;
				var Schmelzdauerinmin;
				var Brenndauer;
				var Anzahl;
				
				/*if (document.getElementById("Thatch").value != "Anzahl"){
					a = document.getElementById("Thatch").value;
				}
				else {
					if (document.getElementById("Holz").value != "Anzahl"){
						a = document.getElementById("Holz").value;
					}
					else {
						if (document.getElementById("Sparkpowder").value != "Anzahl")
							a = document.getElementById("Sparkpowder").value;
					}
				}
				alert('Die Variable a ist:' && a);*/
			
				
				Schmelzdauerinmin = (Erzanzahl * Schmelzdauer) / 60;
				
				for (var i = 0; i <= 3; i++) {
					Brenndauer = document.Uebersicht.brenndauer[i].value;
					Schmelzdauerinmin / (Brenndauer / 60) = Anzahl;
					document.Uebersicht.anzahlmat[i].value = Anzahl;
				}
				alert('Die Variable a ist:' && Anzahl);
			}	
		</script>
	</head>
	<body>
		<form name="Uebersicht">
			<table border="0.5">
				<tr>
					<th>Ressource</th>
					<th>Anzahl</th>
				</tr>
				<tr>
					<td>Metallbarren:</td>
					<td><input type="Text" id="Metall" name="Metall" value="Anzahl" onblur="if(this.value=='') this.value='Anzahl';"  onfocus="if(this.value=='Anzahl')this.value='';"><input type="hidden" value="20" id="Schmelzdauer"></td>
				</tr>
				<tr>
					<td>Thatch:</td>
					<td><input type="Text" id="Thatch" name="anzahlmat" value="Anzahl" onblur="if(this.value=='') this.value='Anzahl';"  onfocus="if(this.value=='Anzahl')this.value='';"><input type="hidden" value="7,5" id="brennthatch" name="brenndauer"></td>
				</tr>
				<tr>
					<td>Holz:</td>
					<td><input type="Text" id="Holz" name="anzahlmat" value="Anzahl" onblur="if(this.value=='') this.value='Anzahl';"  onfocus="if(this.value=='Anzahl')this.value='';"><input type="hidden" value="30" id="brennholz" name="brenndauer"></td>
				</tr>
				<tr>
					<td>Sparkpowder:</td>
					<td><input type="Text" id="Sparkpowder" name="anzahlmat" value="Anzahl" onblur="if(this.value=='') this.value='Anzahl';"  onfocus="if(this.value=='Anzahl')this.value='';"><input type="hidden" value="60" id="brennsparkpowder" name="brenndauer"></td>
				</tr>
				<tr>
					<td><input type="Button" id="berechnen" value="Berechnen" onclick="rechnen()"></td>
				</tr>
			</table>
		</form>
		<form name="Auswahl">
			<table>
				<tr>
					<td>Metallbarren:</td>
					<td><input type="radio" id="Metallzeit" value="Auswählen" name="Metallzeit"><input type="hidden" value="20" id="zeitmetall">
				</tr>
			</table>
		</form>
	</body>
</html>

das alert habe ich indemfall geschrieben, um zu testen, ob Variable A ausgegeben werden kann, oder ob ein fehler vorliegt (was es in dem fall tut)

anschließend habe ich mir im forum mal das Array Thema angeschaut, und versucht dieses ebenfalls umzusetzen:

<html>
	<head>
		<script language="javascript" type="text/javascript">
			function rechnen(){
				var a=0;
				var Erzanzahl = document.getElementById("Metall").value;
				var Schmelzdauer = document.getElementById("Schmelzdauer").value;
				var Schmelzdauerinmin;
				var Brenndauer = new Array(document.getElementById("brennthatch").value, document.getElementById("brennholz").value, document.getElementById("brennsparkpowder").value, );
				var Anzahl;
				var Brenndaueranzahl = new Array(document.getElementById("Thatch").value, document.getElementById("Holz").value, document.getElementById("Sparkpowder").value, );
				
				/*if (document.getElementById("Thatch").value != "Anzahl"){
					a = document.getElementById("Thatch").value;
				}
				else {
					if (document.getElementById("Holz").value != "Anzahl"){
						a = document.getElementById("Holz").value;
					}
					else {
						if (document.getElementById("Sparkpowder").value != "Anzahl")
							a = document.getElementById("Sparkpowder").value;
					}
				}
				alert('Die Variable a ist:' && a);*/
			
				
				Schmelzdauerinmin = (Erzanzahl * Schmelzdauer) / 60;
				
				for (var i = 0; i <= 3; i++) {
					Schmelzdauerinmin / (Brenndauer[i] / 60) = Anzahl;
					Brenndaueranzahl[i] = Anzahl;
				}
				alert('Die Variable a ist:' && Anzahl);
			}	
		</script>
	</head>
	<body>
		<form name="Uebersicht">
			<table border="0.5">
				<tr>
					<th>Ressource</th>
					<th>Anzahl</th>
				</tr>
				<tr>
					<td>Metallbarren:</td>
					<td><input type="Text" id="Metall" name="Metall" value="Anzahl" onblur="if(this.value=='') this.value='Anzahl';"  onfocus="if(this.value=='Anzahl')this.value='';"><input type="hidden" value="20" id="Schmelzdauer"></td>
				</tr>
				<tr>
					<td>Thatch:</td>
					<td><input type="Text" id="Thatch" name="anzahlmat" value="Anzahl" onblur="if(this.value=='') this.value='Anzahl';"  onfocus="if(this.value=='Anzahl')this.value='';"><input type="hidden" value="7,5" id="brennthatch" name="brenndauer"></td>
				</tr>
				<tr>
					<td>Holz:</td>
					<td><input type="Text" id="Holz" name="anzahlmat" value="Anzahl" onblur="if(this.value=='') this.value='Anzahl';"  onfocus="if(this.value=='Anzahl')this.value='';"><input type="hidden" value="30" id="brennholz" name="brenndauer"></td>
				</tr>
				<tr>
					<td>Sparkpowder:</td>
					<td><input type="Text" id="Sparkpowder" name="anzahlmat" value="Anzahl" onblur="if(this.value=='') this.value='Anzahl';"  onfocus="if(this.value=='Anzahl')this.value='';"><input type="hidden" value="60" id="brennsparkpowder" name="brenndauer"></td>
				</tr>
				<tr>
					<td><input type="Button" id="berechnen" value="Berechnen" onclick="rechnen()"></td>
				</tr>
			</table>
		</form>
		<form name="Auswahl">
			<table>
				<tr>
					<td>Metallbarren:</td>
					<td><input type="radio" id="Metallzeit" value="Auswählen" name="Metallzeit"><input type="hidden" value="20" id="zeitmetall">
				</tr>
			</table>
		</form>
	</body>
</html>

hat ebenfalls nicht geklappt.

ich hoffe, mir kann jmd bei dem Problem helfen und es wird sich schnell eine Lösung finden :) gerne bin ich auch für Ratschläge und Tipps offen :)