Wuerfeln mit einem Wuerfel

2 years ago · 23db667fd5
8 changed files with 26 additions and 0 deletions
--- a/kniffel/img/1.png
+++ b/kniffel/img/1.png
--- a/kniffel/img/2.png
+++ b/kniffel/img/2.png
--- a/kniffel/img/3.png
+++ b/kniffel/img/3.png
--- a/kniffel/img/4.png
+++ b/kniffel/img/4.png
--- a/kniffel/img/5.png
+++ b/kniffel/img/5.png
--- a/kniffel/img/6.png
+++ b/kniffel/img/6.png
--- a/kniffel/inc/wuerfel.js
+++ b/kniffel/inc/wuerfel.js
@ -0,0 +1,10 @@
+function Wuerfel(){
+    var Zufallszahl;
+    var Ausgabe=document.getElementById('AusgabeWuerfel1');
+    var Ausgabebild=document.getElementById('Bildwuerfel1');
+    Zufallszahl=Math.random();
+    Zufallszahl=Math.ceil(Zufallszahl*6);
+    Ausgabe.innerHTML = Zufallszahl;
+    var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"];
+    Ausgabebild.src=Bild[Zufallszahl];
+}
--- a/kniffel/index.html
+++ b/kniffel/index.html
@ -3,6 +3,7 @@
 <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/styles.css" />
+        <script type="text/javascript" src="inc/wuerfel.js"></script>
        <title>Kniffel</title>
 </head>
 <body>
@ -184,6 +185,21 @@

      <div class="column">
        <h1>Würfelbereich</h1>
+        <div>
+            <div class="wuerfel">
+              <img src="img/1.png" id="Bildwuerfel1" alt="wuerfel" width="33" height="31">
+            </div>
+            
+          </div>
+          <h3>Bitte würfeln </h6>
+          <br>
+          <input type="button" value="Würfeln" onclick="Wuerfel();">
+          <br>
+
+          <h6 id="AusgabeWuerfel1" >0</h6>
+
+          
+        </div>
      </div>

    </div>