Rauslegen von Wuerfeln

kniffel/inc/wuerfel.js

@@ -1,4 +1,5 @@
 function Wuerfel(){
+    if (document.getElementById('CheckBoxWuerfel1').checked == 0){
         var Zufallszahl;
         var Ausgabe=document.getElementById('AusgabeWuerfel1');
         var Ausgabebild=document.getElementById('Bildwuerfel1');
@@ -7,8 +8,10 @@ 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];
+    }
 
     
+    if (document.getElementById('CheckBoxWuerfel2').checked == 0){
         var Zufallszahl;
         var Ausgabe=document.getElementById('AusgabeWuerfel2');
         var Ausgabebild=document.getElementById('Bildwuerfel2');
@@ -17,7 +20,9 @@ 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];
+    }
 
+    if (document.getElementById('CheckBoxWuerfel3').checked == 0){
         var Zufallszahl;
         var Ausgabe=document.getElementById('AusgabeWuerfel3');
         var Ausgabebild=document.getElementById('Bildwuerfel3');
@@ -26,7 +31,9 @@ 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];
+    }
 
+    if (document.getElementById('CheckBoxWuerfel4').checked == 0){
         var Zufallszahl;
         var Ausgabe=document.getElementById('AusgabeWuerfel4');
         var Ausgabebild=document.getElementById('Bildwuerfel4');
@@ -35,7 +42,9 @@ 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];
+    }
 
+    if (document.getElementById('CheckBoxWuerfel5').checked == 0){
         var Zufallszahl;
         var Ausgabe=document.getElementById('AusgabeWuerfel5');
         var Ausgabebild=document.getElementById('Bildwuerfel5');
@@ -44,5 +53,7 @@ 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];
+        }
+
 
     }   

kniffel/index.html

@@ -185,21 +185,27 @@
 
       <div class="column">
         <h1>Würfelbereich</h1>
+        
         <div>
             <div class="wuerfel">
               <img src="img/1.png" id="Bildwuerfel1" alt="wuerfel" width="33" height="31">
+              <input type="checkbox" id="CheckBoxWuerfel1">
             </div>
             <div class="wuerfel">
               <img src="img/1.png" id="Bildwuerfel2" alt="wuerfel" width="33" height="31">
+              <input type="checkbox"  id="CheckBoxWuerfel2">
             </div>
             <div class="wuerfel">
               <img src="img/1.png" id="Bildwuerfel3" alt="wuerfel" width="33" height="31">
+              <input type="checkbox"  id="CheckBoxWuerfel3">
             </div>
             <div class="wuerfel">
               <img src="img/1.png" id="Bildwuerfel4" alt="wuerfel" width="33" height="31">
+              <input type="checkbox"  id="CheckBoxWuerfel4">
             </div>
             <div class="wuerfel">
               <img src="img/1.png" id="Bildwuerfel5" alt="wuerfel" width="33" height="31">
+              <input type="checkbox"  id="CheckBoxWuerfel5">
             </div>
           </div>
           <h3>Bitte würfeln </h6>