Ich bin neu hier und habe eine brennende Frage!!!

Now

Hallo,

ich habe eine Frage unzwar:

Ich möchte ein Spiel auf meiner Website (HTML) programmieren, wo man einen Würfel würfelt (Grafiken habe ich schon erstellt) und dann soll der PC automatisch ein Zufall (1 zu6) ausrechnen, sodass wenn man auf Würfeln klickt man halt wie in Echt eine beliebige Zahl bekommt! Braucht man dafür JAVA SCRIPT?

und... Kann mir jemand dafür den Quelltext geben oder mir es erklären?

Vielen Dank :p:p

PS Ich bin leider noch Anfänger!;)

synaptic

der folgende code wurde von mir am 03.01.2002 geschrieben..
das script ist aber noch funktionsfähig. wegen meiner schiene am arm kann ich des leider net updaten

HTML

<html>


<head>
  <title>wüfeln</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <script language="javascript">
  var Zeit = 90;
     var TimerID;

  var würfel = new Array()
  würfel[0]  = "eins.gif";
  würfel[0].wert = 1;
  würfel[1]  = "zwei.gif";
  würfel[1].wert = 2;
  würfel[2]  = "drei.gif";
  würfel[2].wert = 3 ;
  würfel[3]  = "vier.gif";
  würfel[3].wert = 4;
  würfel[4]  = "fünf.gif";
  würfel[4].wert = 5;
  würfel[5]  = "sechs.gif";
  würfel[5].wert = 6;
 
 var Wuerfel = new Array(); 
  Wuerfel[0] = new Image(); Wuerfel[0].src = "eins.gif";
     Wuerfel[1] = new Image(); Wuerfel[1].src = "zwei.gif";
     Wuerfel[2] = new Image(); Wuerfel[2].src = "drei.gif";
     Wuerfel[3] = new Image(); Wuerfel[3].src = "vier.gif";
     Wuerfel[4] = new Image(); Wuerfel[4].src = "fünf.gif";
     Wuerfel[5] = new Image(); Wuerfel[5].src = "sechs.gif";


  function zufallswürfel(n) {
  zahl = Math.floor(Math.random() * (n + 1));
  return zahl;}

  function würfeln(){ 
  document.würfelplatz.src = würfel[zufallswürfel(würfel.length - 1)];
}
function Wuerfeln() {
        TimerID = window.setInterval("animation()", Zeit);
     }


     function animation() {
         var zufall = Math.round(Math.random()*5);
         document.images[0].src = Wuerfel[zufall].src;
      }


      function stoppen() {
         var Verzoegerung = Math.round(Math.random() * 2500);
         window.setTimeout("window.clearInterval(TimerID)", Verzoegerung);
      }
  </script>
</head>
<body bgcolor="#000000" text="#00FFFF" link="#00FF00" vlink="#FF0000">


<center>
<img name="würfelplatz" src="black.gif" width="100" height="100" alt="" border="0">
<br>
<input type="button" value="würfeln (throw the dice)" onClick="würfeln();">
<br>
oder selber den Becher schütteln...
<br>
<input type="button" value="Start" onclick="Wuerfeln()">


<input type="button" value="Stopp" onclick="stoppen();"> 
<br><br>
</center>
</body>
</html>

Alles anzeigen

Now

Coool! und wo genau muss ich dann meine Dateien hinsetzen denn die die schon im Quelltext sind sind ja nicht auf meinem Server!

Grevas

Oder das ganze mal in einfach - ohne mehrmalige Wechsel:

HTML

<html>
<head>
<title>demo</title>
<script>


function wuerfel(callee) {
	callee.src = ('wuerfel_' + Math.ceil(Math.random()*6) + '.gif');
}
</script>
</head>
<body>
	<img src="wuerfel.gif" onclick="wuerfel(this);" />
</body>
</html>

Alles anzeigen

Now

Das erste ist aufwendiger aber das 2. Reicht mir schon!
Vielen DAnk

Zitat von Grevas

Oder das ganze mal in einfach - ohne mehrmalige Wechsel:

HTML

<html>
<head>
<title>demo</title>
<script>
 
function wuerfel(callee) {
callee.src = ('wuerfel_' + Math.ceil(Math.random()*6) + '.gif');
}
</script>
</head>
<body>
<img src="wuerfel.gif" onclick="wuerfel(this);" />
</body>
</html>

Alles anzeigen

Schön und gut nur wie mache ich nun einen Button mitdem ich das ganze würfeln lasse? Ich habe dafür jeweils die PNG Dateien: Wuerfel1.png Wuerfel2.png usw.. bis 6 halt

okay ich habe es so ungefähr hinbekommen Vielen Dank an alle!

klickt here

synaptic

lol

und vermeide bitte doppelposts.. dafür is die editfunktion da..

Grevas

Mit einem Button:

HTML

<html>
<head>
<title>demo</title>
<script>


function wuerfel() {
    document.getElementById('wuerfel').src = ('Wuerfel' + Math.ceil(Math.random()*6) + '.png');
}
</script>
</head>
<body>
    <img id="wuerfel" src="Wuerfel1.png" />
    <button onclick="wuerfel">Würfeln</button>
</body>
</html>

Alles anzeigen

Now

DANKE DANKE DANKE:o Ich habe es schon davor hinbekommen trotzdem sehr nett von euch Jetzt kann ich endlich mit dem Rest weitermachen =) THX!

Tags