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>