Metalgurke: einen Zähler sichtbar in einem Textfeld erhöhen.

Beitrag lesen

Hi Ben,
ich habe deinen Code ein wenig erweitert.

  
var Zaehler = 0;  
  
function go()  
{  
	var word       = document.getElementById("ziel").value;  
	var eingabe    = document.getElementById("rate").value;  
	var fehlerfeld = document.getElementById("fehler");  
  
	if(eingabe != word)  
	{  
		alert("falsch");  
		fehlerfeld.value = ++Zaehler;  
	}  
	else  
		alert("richtig!\nInsgesamt haben Sie "+(Zaehler+1)+" Versuch/e benoetigt.");  
  
}  

Ich habe deine Zaehler-Varibale als global definiert. Diese wird bei jedem Fehlversuch um eins erhöht.

  
<table>  
	<tr>  
		<td>  
			Zielwort:<input type="text" value ="peace" id="ziel" onChange="Zaehler=0;" />  
		</td>  
	</tr>  
	<tr>  
		<td>  
			Ratewort:<input type="text" id="rate"/>  
		</td>  
	<tr>  
		<td>  
			Fehler:<input type="text" id="fehler"/></br>  
			<input type="button" value="GO!" onClick="go();"/>  
		</td>  
	</tr>  
</table>  

Zudem wird über das onChange-Event die Zaehler-Varibale auf 0 gesetzt, sobald sich der Wert in "Ziel" ändert.

Gruß Metalgurke