refactoring: Wuerfeln mit fuenf Wuerfeln

kniffel/inc/wuerfel.js

@@ -7,4 +7,42 @@ function Wuerfel(){
         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];
-}
+
+
+        var Zufallszahl;
+        var Ausgabe=document.getElementById('AusgabeWuerfel2');
+        var Ausgabebild=document.getElementById('Bildwuerfel2');
+        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];
+    
+        var Zufallszahl;
+        var Ausgabe=document.getElementById('AusgabeWuerfel3');
+        var Ausgabebild=document.getElementById('Bildwuerfel3');
+        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];
+
+        var Zufallszahl;
+        var Ausgabe=document.getElementById('AusgabeWuerfel4');
+        var Ausgabebild=document.getElementById('Bildwuerfel4');
+        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];
+
+        var Zufallszahl;
+        var Ausgabe=document.getElementById('AusgabeWuerfel5');
+        var Ausgabebild=document.getElementById('Bildwuerfel5');
+        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];
+        
+        }

kniffel/index.html

@@ -189,7 +189,18 @@
             <div class="wuerfel">
               <img src="img/1.png" id="Bildwuerfel1" alt="wuerfel" width="33" height="31">
             </div>
-            
+            <div class="wuerfel">
+                <img src="img/1.png" id="Bildwuerfel2" alt="wuerfel" width="33" height="31">
+            </div>
+            <div class="wuerfel">
+                <img src="img/1.png" id="Bildwuerfel3" alt="wuerfel" width="33" height="31">
+            </div>
+            <div class="wuerfel">
+                <img src="img/1.png" id="Bildwuerfel4" alt="wuerfel" width="33" height="31">
+            </div>
+            <div class="wuerfel">
+                <img src="img/1.png" id="Bildwuerfel5" alt="wuerfel" width="33" height="31">
+            </div>
           </div>
           <h3>Bitte würfeln </h6>
           <br>
@@ -197,6 +208,10 @@
           <br>
 
           <h6 id="AusgabeWuerfel1" >0</h6>
+          <h6 id="AusgabeWuerfel2" >0</h6>
+          <h6 id="AusgabeWuerfel3" >0</h6>
+          <h6 id="AusgabeWuerfel4" >0</h6>
+          <h6 id="AusgabeWuerfel5" >0</h6>
 
           
         </div>