From 7a0401efd0156a2a666f7ffd7ae6e0811ffac371 Mon Sep 17 00:00:00 2001 From: p3t3rp1Lz Date: Sun, 31 May 2026 17:21:49 +0200 Subject: [PATCH] Refactoring quiz.php --- quiz.php | 132 ++++++++++++++++++------------------------------------- 1 file changed, 42 insertions(+), 90 deletions(-) diff --git a/quiz.php b/quiz.php index 20fa07c..cb3ad17 100644 --- a/quiz.php +++ b/quiz.php @@ -52,15 +52,15 @@ - - -

- - -

-

- - + + +

+ + +

+

+ + @@ -127,18 +127,20 @@ } function showSeite(changeIndex = true) { + const verben = document.getElementById("italienisch_verben"); + const italienisch = document.getElementById("italienisch"); if(showResult) { if(isVerben) { - document.getElementById("italienisch_verben").style.display = "inline-block"; + verben.style.display = "inline-block"; } else { - document.getElementById("italienisch").style.display = "flex"; + italienisch.style.display = "flex"; } showRueckseite(); showResult = false; } else { - document.getElementById("italienisch_verben").style.display = "none"; - document.getElementById("italienisch").style.display = "none"; + verben.style.display = "none"; + italienisch.style.display = "none"; if(changeIndex) { index++; @@ -161,91 +163,41 @@ function showRueckseite() { let item = items[index]; -//TODO auf isVerben ändern -//TODO -//TODO const pElemente = document.querySelectorAll("#italienisch .p-karteikarte"); -//TODO pElemente.forEach((element, index) => { -//TODO element.textContent = texte[index]; -//TODO }); - if(item.wortart != "Verben") { - document.getElementById("italienisch_1").textContent = item.italienisch_1; - document.getElementById("italienisch_1").style.color = item.farbe_1; - document.getElementById("italienisch_2").textContent = item.italienisch_2; - document.getElementById("italienisch_2").style.color = item.farbe_2; - document.getElementById("italienisch_3").textContent = item.italienisch_3; - document.getElementById("italienisch_3").style.color = item.farbe_3; - document.getElementById("italienisch_4").textContent = item.italienisch_4; - document.getElementById("italienisch_4").style.color = item.farbe_4; - document.getElementById("italienisch_5").textContent = item.italienisch_5; - document.getElementById("italienisch_5").style.color = item.farbe_5; - document.getElementById("italienisch_6").textContent = item.italienisch_6; - document.getElementById("italienisch_6").style.color = item.farbe_6; - document.getElementById("italienisch_7").textContent = item.italienisch_7; - document.getElementById("italienisch_7").style.color = item.farbe_7; - for(var i = 0; i < document.getElementsByClassName("p-karteikarte").length; i++) { - document.getElementsByClassName("p-karteikarte")[i].style.display = "inline-block"; + + if(!isVerben) { + const karten = document.getElementsByClassName("p-karteikarte"); + for (let i = 0; i < 7; i++) { + karten[i].textContent = item[`italienisch_${i + 1}`]; + karten[i].style.color = item[`farbe_${i + 1}`]; + karten[i].style.display = "inline-block"; } if(item.wortart == "Adjektive") document.getElementById("italienisch_1").style.textDecoration = "underline"; } else { - // Grundform - document.getElementById("italienisch_wortstamm_1").style.textDecoration = "underline"; - document.getElementById("italienisch_endung_1").style.textDecoration = "underline"; + for (let i = 1; i <= 7; i++) { + const wortstamm = document.getElementById(`italienisch_wortstamm_${i}`); + const endung = document.getElementById(`italienisch_endung_${i}`); + const suffix = document.getElementById(`italienisch_suffix_${i}`); - document.getElementById("italienisch_wortstamm_1").textContent = item.italienisch_1; - document.getElementById("italienisch_endung_1").textContent = item.endung_1; - document.getElementById("italienisch_endung_1").style.color = item.farbe_1; - if(item.suffix_1 != null) { - document.getElementById("italienisch_suffix_1").textContent = item.suffix_1; - document.getElementById("italienisch_suffix_1").style.textDecoration = "underline"; - } else { - document.getElementById("italienisch_suffix_1").textContent = null; - } + wortstamm.textContent = item[`italienisch_${i}`]; + wortstamm.style.display = "inline-block"; - // gebeugte Formen - document.getElementById("italienisch_pronomen_2").textContent = item.pronomen_2; - document.getElementById("italienisch_wortstamm_2").textContent = item.italienisch_2; - document.getElementById("italienisch_endung_2").textContent = item.endung_2; - document.getElementById("italienisch_endung_2").style.color = item.farbe_2; - if(item.suffix_2 != null) document.getElementById("italienisch_suffix_2").textContent = " " + item.suffix_2; - else document.getElementById("italienisch_suffix_2").textContent = null; + endung.textContent = item[`endung_${i}`]; + endung.style.color = item[`farbe_${i}`]; + endung.style.display = "inline-block"; - document.getElementById("italienisch_pronomen_3").textContent = item.pronomen_3; - document.getElementById("italienisch_wortstamm_3").textContent = item.italienisch_3; - document.getElementById("italienisch_endung_3").textContent = item.endung_3; - document.getElementById("italienisch_endung_3").style.color = item.farbe_3; - if(item.suffix_3 != null) document.getElementById("italienisch_suffix_3").textContent = " " + item.suffix_3; - else document.getElementById("italienisch_suffix_3").textContent = null; + suffix.textContent = item[`suffix_${i}`]; + suffix.style.display = "inline-block"; - document.getElementById("italienisch_pronomen_4").textContent = item.pronomen_4; - document.getElementById("italienisch_wortstamm_4").textContent = item.italienisch_4; - document.getElementById("italienisch_endung_4").textContent = item.endung_4; - document.getElementById("italienisch_endung_4").style.color = item.farbe_4; - if(item.suffix_4 != null) document.getElementById("italienisch_suffix_4").textContent = " " + item.suffix_4; - else document.getElementById("italienisch_suffix_4").textContent = null; - - document.getElementById("italienisch_pronomen_5").textContent = item.pronomen_5; - document.getElementById("italienisch_wortstamm_5").textContent = item.italienisch_5; - document.getElementById("italienisch_endung_5").textContent = item.endung_5; - document.getElementById("italienisch_endung_5").style.color = item.farbe_5; - if(item.suffix_5 != null) document.getElementById("italienisch_suffix_5").textContent = " " + item.suffix_5; - else document.getElementById("italienisch_suffix_5").textContent = null; + if(i == 1) { + wortstamm.style.textDecoration = "underline"; + endung.style.textDecoration = "underline"; + suffix.style.textDecoration = "underline"; + } else { + const pronomen = document.getElementById(`italienisch_pronomen_${i}`); - document.getElementById("italienisch_pronomen_6").textContent = item.pronomen_6; - document.getElementById("italienisch_wortstamm_6").textContent = item.italienisch_6; - document.getElementById("italienisch_endung_6").textContent = item.endung_6; - document.getElementById("italienisch_endung_6").style.color = item.farbe_6; - if(item.suffix_6 != null) document.getElementById("italienisch_suffix_6").textContent = " " + item.suffix_6; - else document.getElementById("italienisch_suffix_6").textContent = null; - - document.getElementById("italienisch_pronomen_7").textContent = item.pronomen_7; - document.getElementById("italienisch_wortstamm_7").textContent = item.italienisch_7; - document.getElementById("italienisch_endung_7").textContent = item.endung_7; - document.getElementById("italienisch_endung_7").style.color = item.farbe_7; - if(item.suffix_7 != null) document.getElementById("italienisch_suffix_7").textContent = " " + item.suffix_7; - else document.getElementById("italienisch_suffix_7").textContent = null; - - for(var i = 0; i < document.getElementsByClassName("p-karteikarte_verben").length; i++) { - document.getElementsByClassName("p-karteikarte_verben")[i].style.display = "inline-block"; + pronomen.textContent = item[`pronomen_${i}`]; + pronomen.style.display = "inline-block"; + } } } }