Browse Source

Rauslegen von Wuerfeln

main
Lucas Thenert 2 years ago
parent
commit
cece97ade3
  1. 13
      kniffel/inc/wuerfel.js
  2. 14
      kniffel/index.html

13
kniffel/inc/wuerfel.js

@ -1,4 +1,5 @@
function Wuerfel(){ function Wuerfel(){
if (document.getElementById('CheckBoxWuerfel1').checked == 0){
var Zufallszahl; var Zufallszahl;
var Ausgabe=document.getElementById('AusgabeWuerfel1'); var Ausgabe=document.getElementById('AusgabeWuerfel1');
var Ausgabebild=document.getElementById('Bildwuerfel1'); var Ausgabebild=document.getElementById('Bildwuerfel1');
@ -7,8 +8,10 @@ function Wuerfel(){
Ausgabe.innerHTML = Zufallszahl; Ausgabe.innerHTML = Zufallszahl;
var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"]; var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"];
Ausgabebild.src=Bild[Zufallszahl]; Ausgabebild.src=Bild[Zufallszahl];
}
if (document.getElementById('CheckBoxWuerfel2').checked == 0){
var Zufallszahl; var Zufallszahl;
var Ausgabe=document.getElementById('AusgabeWuerfel2'); var Ausgabe=document.getElementById('AusgabeWuerfel2');
var Ausgabebild=document.getElementById('Bildwuerfel2'); var Ausgabebild=document.getElementById('Bildwuerfel2');
@ -17,7 +20,9 @@ function Wuerfel(){
Ausgabe.innerHTML = Zufallszahl; Ausgabe.innerHTML = Zufallszahl;
var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"]; var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"];
Ausgabebild.src=Bild[Zufallszahl]; Ausgabebild.src=Bild[Zufallszahl];
}
if (document.getElementById('CheckBoxWuerfel3').checked == 0){
var Zufallszahl; var Zufallszahl;
var Ausgabe=document.getElementById('AusgabeWuerfel3'); var Ausgabe=document.getElementById('AusgabeWuerfel3');
var Ausgabebild=document.getElementById('Bildwuerfel3'); var Ausgabebild=document.getElementById('Bildwuerfel3');
@ -26,7 +31,9 @@ function Wuerfel(){
Ausgabe.innerHTML = Zufallszahl; Ausgabe.innerHTML = Zufallszahl;
var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"]; var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"];
Ausgabebild.src=Bild[Zufallszahl]; Ausgabebild.src=Bild[Zufallszahl];
}
if (document.getElementById('CheckBoxWuerfel4').checked == 0){
var Zufallszahl; var Zufallszahl;
var Ausgabe=document.getElementById('AusgabeWuerfel4'); var Ausgabe=document.getElementById('AusgabeWuerfel4');
var Ausgabebild=document.getElementById('Bildwuerfel4'); var Ausgabebild=document.getElementById('Bildwuerfel4');
@ -35,7 +42,9 @@ function Wuerfel(){
Ausgabe.innerHTML = Zufallszahl; Ausgabe.innerHTML = Zufallszahl;
var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"]; var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"];
Ausgabebild.src=Bild[Zufallszahl]; Ausgabebild.src=Bild[Zufallszahl];
}
if (document.getElementById('CheckBoxWuerfel5').checked == 0){
var Zufallszahl; var Zufallszahl;
var Ausgabe=document.getElementById('AusgabeWuerfel5'); var Ausgabe=document.getElementById('AusgabeWuerfel5');
var Ausgabebild=document.getElementById('Bildwuerfel5'); var Ausgabebild=document.getElementById('Bildwuerfel5');
@ -44,5 +53,7 @@ function Wuerfel(){
Ausgabe.innerHTML = Zufallszahl; Ausgabe.innerHTML = Zufallszahl;
var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"]; var Bild=["","img/1.png","img/2.png","img/3.png","img/4.png","img/5.png","img/6.png"];
Ausgabebild.src=Bild[Zufallszahl]; Ausgabebild.src=Bild[Zufallszahl];
} }
}

14
kniffel/index.html

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

Loading…
Cancel
Save