Refactoring quiz.php
This commit is contained in:
p3t3rp1Lz
parent
f4b05aea31
commit
7a0401efd0
118
quiz.php
118
quiz.php
@ -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";
|
||||
wortstamm.textContent = item[`italienisch_${i}`];
|
||||
wortstamm.style.display = "inline-block";
|
||||
|
||||
endung.textContent = item[`endung_${i}`];
|
||||
endung.style.color = item[`farbe_${i}`];
|
||||
endung.style.display = "inline-block";
|
||||
|
||||
suffix.textContent = item[`suffix_${i}`];
|
||||
suffix.style.display = "inline-block";
|
||||
|
||||
if(i == 1) {
|
||||
wortstamm.style.textDecoration = "underline";
|
||||
endung.style.textDecoration = "underline";
|
||||
suffix.style.textDecoration = "underline";
|
||||
} else {
|
||||
document.getElementById("italienisch_suffix_1").textContent = null;
|
||||
const pronomen = document.getElementById(`italienisch_pronomen_${i}`);
|
||||
|
||||
pronomen.textContent = item[`pronomen_${i}`];
|
||||
pronomen.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;
|
||||
|
||||
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;
|
||||
|
||||
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;
|
||||
|
||||
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";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user