From 21f6f31f605fd84d7c633656821123c66a64a74f Mon Sep 17 00:00:00 2001
From: Lucas Thenert <fdai7346@hs-fulda.de>
Date: Wed, 18 Jan 2023 10:42:11 +0100
Subject: [PATCH] refactoring: Wuerfeln mit fuenf Wuerfeln

---
 kniffel/inc/wuerfel.js | 56 +++++++++++++++++++++++++++++++++++-------
 kniffel/index.html     | 17 ++++++++++++-
 2 files changed, 63 insertions(+), 10 deletions(-)

diff --git a/kniffel/inc/wuerfel.js b/kniffel/inc/wuerfel.js
index 7725f3a..195db14 100644
--- a/kniffel/inc/wuerfel.js
+++ b/kniffel/inc/wuerfel.js
@@ -1,10 +1,48 @@
 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];
-}
\ No newline at end of file
+        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];
+
+
+        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];
+        
+        }
diff --git a/kniffel/index.html b/kniffel/index.html
index e0e9425..949bc1b 100644
--- a/kniffel/index.html
+++ b/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>