Aufgabenteilung
Video hat auch Ton, evtl. Lautsprecher einschalten.
.zuordnungsspiel-container .zuordnung {
margin-bottom: 20px;
}
.zuordnungsspiel-container label {
font-weight: bold;
margin-right: 10px;
}
.zuordnungsspiel-container select {
min-width: 400px;
margin-bottom: 10px;
max-width: 100%;
}
.zuordnungsspiel-container #result {
font-size: 1.2em;
margin-top: 20px;
font-weight: bold;
}
.zuordnungsspiel-container button {
padding: 8px 18px;
font-size: 1em;
cursor: pointer;
background-color: #1976d2;
color: #fff;
border: none;
border-radius: 4px;
transition: background 0.2s;
}
.zuordnungsspiel-container button:hover {
background-color: #125ea2;
}
.zuordnungsspiel-container #quizbereich {
display: none;
}
// Aufgaben-Optionen als Array
const aufgaben = [
{ value: „Richtungsentscheidung“, text: „Richtungsentscheidung / Interessenvertretung“ },
{ value: „Anweisung“, text: „Handelt nach Anweisung des Vorstands und unterstützt diesen bei dessen Aufgaben“ },
{ value: „Kommunikation“, text: „Kommunikation zwischen Regionen und Bundesverband und Kommunikation mit Kliniken“ },
{ value: „Unterstuetzung“, text: „Unterstützung Gruppen, Kontakt zu Kliniken und Ansprechpartner für Ehrenamtliche“ },
{ value: „Gruppentreffen“, text: „Regelmäßige Treffen und Kontaktpflege vor Ort“ }
];
// Fisher-Yates Shuffle
function shuffle(array) {
let a = array.slice();
for (let i = a.length – 1; i > 0; i–) {
const j = Math.floor(Math.random() * (i + 1));
[a[i], a[j]] = [a[j], a[i]];
}
return a;
}
// Dropdowns mit zufälliger Reihenfolge füllen
function fillDropdowns() {
for (let i = 1; i {
const option = document.createElement(‚option‘);
option.value = opt.value;
option.textContent = opt.text;
select.appendChild(option);
});
}
}
function zeigeQuiz() {
document.getElementById(‚quizbereich‘).style.display = ‚block‘;
document.getElementById(’startBtn‘).style.display = ’none‘;
fillDropdowns();
document.getElementById(‚result‘).textContent = “;
}
function pruefen() {
const richtig = {
aufgabe1: „Richtungsentscheidung“, // Bundesvorstand
aufgabe2: „Anweisung“, // Bundesgeschäftsstelle
aufgabe3: „Kommunikation“, // Landesverbände
aufgabe4: „Unterstuetzung“, // Regionen
aufgabe5: „Gruppentreffen“ // Gruppen
};
const user1 = document.getElementById(‚aufgabe1‘).value;
const user2 = document.getElementById(‚aufgabe2‘).value;
const user3 = document.getElementById(‚aufgabe3‘).value;
const user4 = document.getElementById(‚aufgabe4‘).value;
const user5 = document.getElementById(‚aufgabe5‘).value;
let fehler = [];
if (user1 !== richtig.aufgabe1) fehler.push(„Bundesvorstand“);
if (user2 !== richtig.aufgabe2) fehler.push(„Bundesgeschäftsstelle“);
if (user3 !== richtig.aufgabe3) fehler.push(„Landesverbände“);
if (user4 !== richtig.aufgabe4) fehler.push(„Regionen“);
if (user5 !== richtig.aufgabe5) fehler.push(„Gruppen“);
let result = document.getElementById(‚result‘);
if (fehler.length === 0) {
result.style.color = „green“;
result.textContent = „Super! Alle Zuordnungen sind korrekt!“;
} else {
result.style.color = „red“;
result.textContent = „Folgende Zuordnungen sind falsch: “ + fehler.join(„, „);
}
}
// Event-Listener statt onclick-Attribute (moderner und flexibler)
document.getElementById(’startBtn‘).addEventListener(‚click‘, zeigeQuiz);
document.getElementById(‚pruefenBtn‘).addEventListener(‚click‘, pruefen);