ferdiseen: Problem: Javascript nur einmal durchlaufen lassen?

Beitrag lesen

Hi! Gibt es eine Möglichkeit, eine Funktion nur ein Mal durchlaufen zu lassen? Es regnet von der Decke Marmor, Stein und Eisen. Beim draufklicken werden die Images unsichtbar und der Zahlenwert 1 wird am Rand hinzugefügt. Nur leider wird der Zahlenwert auch hinzugefügt, wenn man auf die unsichtbaren Elemente klickt. Ich hab hier mal einen Ausschnitt aus dem Skript:

<script language="javascript" type="text/javascript" >		
		function Verschwinden(){
		document.getElementById("Marmor1").style.display="none";
		}
		function Verschwinden2(){
		document.getElementById("Marmor2").style.display="none";
		}
		function Verschwinden3(){
		document.getElementById("Marmor3").style.display="none";
		}
		function Verschwinden4(){
		document.getElementById("Marmor4").style.display="none";
		}
		function Verschwinden5(){
		document.getElementById("Marmor5").style.display="none";
		}
		
		function Verschwinden6(){
		document.getElementById("Stein1").style.display="none";
		}
		function Verschwinden7(){
		document.getElementById("Stein2").style.display="none";
		}
		function Verschwinden8(){
		document.getElementById("Stein3").style.display="none";
		}
		function Verschwinden9(){
		document.getElementById("Stein4").style.display="none";
		}
		function Verschwinden10(){
		document.getElementById("Stein5").style.display="none";
		}
		
		function Verschwinden11(){
		document.getElementById("Eisen1").style.display="none";
		}
		function Verschwinden12(){
		document.getElementById("Eisen2").style.display="none";
		}
		function Verschwinden13(){
		document.getElementById("Eisen3").style.display="none";
		}
		function Verschwinden14(){
		document.getElementById("Eisen4").style.display="none";
		}
		function Verschwinden15(){
		document.getElementById("Eisen5").style.display="none";
		}
		
		
		
		
		var Ergebnis = 0;
		function Add1() {
			Ergebnis = Ergebnis + 1;
			document.getElementById("AUSGABE2").innerHTML = Ergebnis;
			var max = 1;
		}
		function Add2() {
			Ergebnis = Ergebnis + 1;
			document.getElementById("AUSGABE3").innerHTML = Ergebnis;
		}
		function Add3() {
			Ergebnis = Ergebnis + 1;
			document.getElementById("AUSGABE1").innerHTML = Ergebnis;
		}
		
		</script>
<body>
	

	<div onclick="Add1()"><img onclick="Verschwinden()" src="Marmor.png" id="Marmor1"></div>
	<div onclick="Add1()"><img onclick="Verschwinden2()" src="Marmor.png" id="Marmor2"></div>
	<div onclick="Add1()"><img onclick="Verschwinden3()" src="Marmor.png" id="Marmor3"></div>
	<div onclick="Add1()"><img onclick="Verschwinden4()" src="Marmor.png" id="Marmor4"></div>
	<div onclick="Add1()"><img onclick="Verschwinden5()" src="Marmor.png" id="Marmor5"></div>
		
	<div onclick="Add2()"><img onclick="Verschwinden6()" src="Stein.png" id="Stein1"></div>
	<div onclick="Add2()"><img onclick="Verschwinden7()" src="Stein.png" id="Stein2"></div>
	<div onclick="Add2()"><img onclick="Verschwinden8()" src="Stein.png" id="Stein3"></div>
	<div onclick="Add2()"><img onclick="Verschwinden9()" src="Stein.png" id="Stein4"></div>
	<div onclick="Add2()"><img onclick="Verschwinden10()" src="Stein.png" id="Stein5"></div>
		
	<div onclick="Add3()"><img onclick="Verschwinden11()" src="Eisen.png" id="Eisen1"></div>
	<div onclick="Add3()"><img onclick="Verschwinden12()" src="Eisen.png" id="Eisen2"></div>
	<div onclick="Add3()"><img onclick="Verschwinden13()" src="Eisen.png" id="Eisen3"></div>
	<div onclick="Add3()"><img onclick="Verschwinden14()" src="Eisen.png" id="Eisen4"></div>
	<div onclick="Add3()"><img onclick="Verschwinden15()" src="Eisen.png" id="Eisen5"></div>
		
	<img src="eisenbruch.png" id="bruch1">
		<div id="anzahlbruch1"><span id="AUSGABE1">0</span> x</div>
	<img src="Marmorbruch.png" id="bruch2">
		<div id="anzahlbruch2"><span id="AUSGABE2">0</span> x</div>
	<img src="Steinbruch.png" id="bruch3">
		<div id="anzahlbruch3"><span id="AUSGABE3">0</span> x</div>
	
</body>