JavaScript / Tipps / Kleines Würfelspiel[IE|M|O]

von: Werner Zenk

Beispiel:  


Quelltext:
Bilder:
             = w1.gif - w6.gif
  = spacer.gif (Transparent!)

<script type="text/javascript">
function Wuerfel(){
  document.getElementById("A1").style.backgroundImage="url(w"+RND()+".gif)";
  document.getElementById("A2").style.backgroundImage="url(w"+RND()+".gif)";
  document.getElementById("A3").style.backgroundImage="url(w"+RND()+".gif)";
  document.getElementById("A4").style.backgroundImage="url(w"+RND()+".gif)";
  document.getElementById("A5").style.backgroundImage="url(w"+RND()+".gif)";
  document.getElementById("A6").style.backgroundImage="url(w"+RND()+".gif)";
}

function RND(){
 return Math.round(Math.random()*5+1)
}
</script>

<input type="button" value="Würfeln" onClick="Wuerfel();">   
<img src="spacer.gif" width=15 height=15 id="A1" hspace=5> 
<img src="spacer.gif" width=15 height=15 id="A2" hspace=5> 
<img src="spacer.gif" width=15 height=15 id="A3" hspace=5> 
<img src="spacer.gif" width=15 height=15 id="A4" hspace=5> 
<img src="spacer.gif" width=15 height=15 id="A5" hspace=5> 
<img src="spacer.gif" width=15 height=15 id="A6" hspace=5>


Um die Würfel vor dem ersten Spiel anzuzeigen haben Sie zwei Möglichkeiten:

Dieses Script zeigt die "Würfelaugen" von 1 - 6 der Reihe nach an.
<script type="text/javascript">
for (i = 1; i < 7; i++) {
 document.getElementById("A"+i).style.backgroundImage="url(w"+i+".gif)";
}
</script>

Dieses Script zeigt alle Würfel mit 6-"Augen" an.
<script type="text/javascript">
for (i = 1; i < 7; i++) {
 document.getElementById("A"+i).style.backgroundImage="url(w6.gif)";
}
</script>
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Muttersöhnchen Ridvan:
Gute Arbeit muss ich schon sagen!

Name:
Hello Nice site! Wery Good! (Sry for my bad englesh)
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
Bild im Fenster öffnen - Mit diesem Script zeigen Sie Bilder in einem eigenen Fenster an.  Countdown - Anzeige der verbleibenden Stunden  Filter Browser  Button Zähler  ScrollDown - Der Fensterinhalt wird auf Button-Klick gescrollt.  Formular mit Button Zurücksetzen und Funktion aufrufen  Seite Neu laden beim ändern der Fenstergröße  Formularfelder dynamisch hinzufügen  JavaScript Bausteine 8  Menü der Webseite in der Suchleiste des Browsers anzeigen  Suchen und Ersetzen  Mouseover in Tabellen  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner