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";
+ }
}
}
}