01_grundlagen/uebungen/u18_lottozahl.html

@@ -16,7 +16,7 @@
         overflow: hidden;
       }
 
-      .lotto-number {
+      .lotto-ball {
         width: 50px;
         height: 50px;
         border-radius: 50%;
@@ -49,7 +49,7 @@
           </p>
         </div>
         <div class="output alert alert-secondary my-3">
-          <div class="lotto-ball"><span class="lotto-number">00</span></div>
+          <div class="lotto-ball animate__animated animate__bounceIn"><span class="lotto-number">00</span></div>
         </div>
       </div>
     </main>
@@ -58,6 +58,12 @@
 
       const outputEl = document.querySelector('.output');
       const lottoNumberEl = document.querySelector('.lotto-number');
+
+      const randomLottoNumber = Math.floor(Math.random() * 49) + 1;
+
+      console.log(randomLottoNumber);
+
+      lottoNumberEl.textContent = randomLottoNumber;
     </script>
   </body>
 </html>