37 lines
1.4 KiB
JavaScript
37 lines
1.4 KiB
JavaScript
document.addEventListener("DOMContentLoaded", function() {
|
|
var anzahlWuerfelInput = document.getElementById("anzahl_wuerfel");
|
|
var ergebnisLabel = document.getElementById("ergebnis");
|
|
|
|
// Initialer Text
|
|
//ergebnisLabel.innerHTML = "moin";
|
|
|
|
// Event Listener für den Submit-Button
|
|
document.getElementById("submit_eingabe").addEventListener("click", function(event) {
|
|
// Verhindern, dass das Formular abgeschickt und die Seite neu geladen wird
|
|
event.preventDefault();
|
|
|
|
// Anzahl der Würfel aus dem Input-Feld holen
|
|
var anzahlWuerfel = parseInt(anzahlWuerfelInput.value);
|
|
|
|
// Überprüfen, ob der Wert gültig ist
|
|
if (isNaN(anzahlWuerfel) || anzahlWuerfel < 1) {
|
|
ergebnisLabel.innerHTML = "Bitte eine gültige Anzahl an Würfeln eingeben.";
|
|
return;
|
|
}
|
|
|
|
// Leeres Ergebnis vorbereiten
|
|
var ergebnisseHTML = "";
|
|
|
|
// Würfeln für die angegebene Anzahl der Würfel
|
|
for (var i = 0; i < anzahlWuerfel; i++) {
|
|
var augen = Math.floor(Math.random() * 6) + 1; // Zufallszahl zwischen 1 und 6
|
|
|
|
// HTML für jedes Würfelergebnis erstellen
|
|
ergebnisseHTML += `${i+1}. <img class='w' src='../bilder/${augen}.png' alt='${augen} Augen'>`;
|
|
}
|
|
|
|
// Die Würfelergebnisse anzeigen
|
|
ergebnisLabel.innerHTML = ergebnisseHTML;
|
|
});
|
|
});
|