Refactoring quiz.php
This commit is contained in:
p3t3rp1Lz
parent
f4b05aea31
commit
7a0401efd0
132
quiz.php
132
quiz.php
@ -52,15 +52,15 @@
|
|||||||
<?php
|
<?php
|
||||||
for($i = 2; $i <= 7; $i++) {
|
for($i = 2; $i <= 7; $i++) {
|
||||||
?>
|
?>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="td-pronomen">
|
<td class="td-pronomen">
|
||||||
<p class="p-karteikarte_verben" id="italienisch_pronomen_<?= $i ?>"></p>
|
<p class="p-karteikarte_verben" id="italienisch_pronomen_<?= $i ?>"></p>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<p class="p-karteikarte_verben" id="italienisch_wortstamm_<?= $i ?>"></p><p class="p-karteikarte_verben" id="italienisch_endung_<?= $i ?>"></p>
|
<p class="p-karteikarte_verben" id="italienisch_wortstamm_<?= $i ?>"></p><p class="p-karteikarte_verben" id="italienisch_endung_<?= $i ?>"></p>
|
||||||
<p class="p-karteikarte_verben" id="italienisch_suffix_<?= $i ?>"></p>
|
<p class="p-karteikarte_verben" id="italienisch_suffix_<?= $i ?>"></p>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
@ -127,18 +127,20 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function showSeite(changeIndex = true) {
|
function showSeite(changeIndex = true) {
|
||||||
|
const verben = document.getElementById("italienisch_verben");
|
||||||
|
const italienisch = document.getElementById("italienisch");
|
||||||
if(showResult) {
|
if(showResult) {
|
||||||
if(isVerben) {
|
if(isVerben) {
|
||||||
document.getElementById("italienisch_verben").style.display = "inline-block";
|
verben.style.display = "inline-block";
|
||||||
} else {
|
} else {
|
||||||
document.getElementById("italienisch").style.display = "flex";
|
italienisch.style.display = "flex";
|
||||||
}
|
}
|
||||||
|
|
||||||
showRueckseite();
|
showRueckseite();
|
||||||
showResult = false;
|
showResult = false;
|
||||||
} else {
|
} else {
|
||||||
document.getElementById("italienisch_verben").style.display = "none";
|
verben.style.display = "none";
|
||||||
document.getElementById("italienisch").style.display = "none";
|
italienisch.style.display = "none";
|
||||||
|
|
||||||
if(changeIndex) {
|
if(changeIndex) {
|
||||||
index++;
|
index++;
|
||||||
@ -161,91 +163,41 @@
|
|||||||
|
|
||||||
function showRueckseite() {
|
function showRueckseite() {
|
||||||
let item = items[index];
|
let item = items[index];
|
||||||
//TODO auf isVerben ändern
|
|
||||||
//TODO
|
if(!isVerben) {
|
||||||
//TODO const pElemente = document.querySelectorAll("#italienisch .p-karteikarte");
|
const karten = document.getElementsByClassName("p-karteikarte");
|
||||||
//TODO pElemente.forEach((element, index) => {
|
for (let i = 0; i < 7; i++) {
|
||||||
//TODO element.textContent = texte[index];
|
karten[i].textContent = item[`italienisch_${i + 1}`];
|
||||||
//TODO });
|
karten[i].style.color = item[`farbe_${i + 1}`];
|
||||||
if(item.wortart != "Verben") {
|
karten[i].style.display = "inline-block";
|
||||||
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(item.wortart == "Adjektive") document.getElementById("italienisch_1").style.textDecoration = "underline";
|
if(item.wortart == "Adjektive") document.getElementById("italienisch_1").style.textDecoration = "underline";
|
||||||
} else {
|
} else {
|
||||||
// Grundform
|
for (let i = 1; i <= 7; i++) {
|
||||||
document.getElementById("italienisch_wortstamm_1").style.textDecoration = "underline";
|
const wortstamm = document.getElementById(`italienisch_wortstamm_${i}`);
|
||||||
document.getElementById("italienisch_endung_1").style.textDecoration = "underline";
|
const endung = document.getElementById(`italienisch_endung_${i}`);
|
||||||
|
const suffix = document.getElementById(`italienisch_suffix_${i}`);
|
||||||
|
|
||||||
document.getElementById("italienisch_wortstamm_1").textContent = item.italienisch_1;
|
wortstamm.textContent = item[`italienisch_${i}`];
|
||||||
document.getElementById("italienisch_endung_1").textContent = item.endung_1;
|
wortstamm.style.display = "inline-block";
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
// gebeugte Formen
|
endung.textContent = item[`endung_${i}`];
|
||||||
document.getElementById("italienisch_pronomen_2").textContent = item.pronomen_2;
|
endung.style.color = item[`farbe_${i}`];
|
||||||
document.getElementById("italienisch_wortstamm_2").textContent = item.italienisch_2;
|
endung.style.display = "inline-block";
|
||||||
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;
|
suffix.textContent = item[`suffix_${i}`];
|
||||||
document.getElementById("italienisch_wortstamm_3").textContent = item.italienisch_3;
|
suffix.style.display = "inline-block";
|
||||||
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;
|
if(i == 1) {
|
||||||
document.getElementById("italienisch_wortstamm_4").textContent = item.italienisch_4;
|
wortstamm.style.textDecoration = "underline";
|
||||||
document.getElementById("italienisch_endung_4").textContent = item.endung_4;
|
endung.style.textDecoration = "underline";
|
||||||
document.getElementById("italienisch_endung_4").style.color = item.farbe_4;
|
suffix.style.textDecoration = "underline";
|
||||||
if(item.suffix_4 != null) document.getElementById("italienisch_suffix_4").textContent = " " + item.suffix_4;
|
} else {
|
||||||
else document.getElementById("italienisch_suffix_4").textContent = null;
|
const pronomen = document.getElementById(`italienisch_pronomen_${i}`);
|
||||||
|
|
||||||
document.getElementById("italienisch_pronomen_5").textContent = item.pronomen_5;
|
pronomen.textContent = item[`pronomen_${i}`];
|
||||||
document.getElementById("italienisch_wortstamm_5").textContent = item.italienisch_5;
|
pronomen.style.display = "inline-block";
|
||||||
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