Problem: Javascript nur einmal durchlaufen lassen? bearbeitet von ferdiseen 19.12.2015 16:22 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: ~~~js <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> ~~~ ~~~html <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> ~~~
Problem: Javascript nur einmal durchlaufen lassen? bearbeitet von Matthias Apsel 19.12.2015 16:36 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>
nicht angemeldet nicht angemeldet
