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>