patrick/SLC_Game
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

v14

Browse source
This commit is contained in:
breitenbach76 2026-06-07 16:01:31 +02:00
parent ef2c01f69f
commit cb710c13de
2 changed files with 7 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
04_Tablet-Quiz/app/index.html
View file

@ -273,8 +273,8 @@
.lgItem:first-of-type{border-top:0;padding-top:2px}
.lgName{font-weight:700;font-size:13px;color:var(--ink)}
.lgIdee{margin:2px 0 4px;font-size:13px;color:var(--ink)}
.lgBed{margin:2px 0 4px;padding-left:18px;color:var(--muted);font-size:12px}
.lgBed li{margin:1px 0}
.lgBed{margin:4px 0;color:var(--muted);font-size:13px}
.lgBed div{margin:2px 0}
.lgBsp{font-size:12px;color:var(--muted)}
.hint{font-weight:600;margin:8px 0}
.hint.bad{color:var(--bad)} .hint.ok{color:var(--ok)}
@ -1200,12 +1200,7 @@ function renderClassify(){
const choices = CT_ORDER.map(i=>
`<button class="choice ${S.classifyWrong===i?'bad':''}" data-i="${i}">${CHANGE_TYPES[i]}</button>`).join("");
const legend = `<div class="legend"><h4>Legende: Change-Arten im DIGITOM</h4>` +
CT_ORDER.map(i=>{ const L = CHANGE_LEGEND[i];
return `<div class="lgItem"><div class="lgName">${CHANGE_TYPES[i]}</div>`
+ `<div class="lgIdee">${L.idee}</div>`
+ `<ul class="lgBed">${L.bed.map(b=>`<li>${b}</li>`).join("")}</ul>`
+ `<div class="lgBsp"><b>Beispiel:</b> ${L.bsp}</div></div>`;
}).join("") + `</div>`;
CT_ORDER.map(i=>`<div class="lgItem"><div class="lgName">${CHANGE_TYPES[i]}</div><div class="lgIdee">${CHANGE_LEGEND[i].idee}</div></div>`).join("") + `</div>`;
const hint = S.classifyWrong!=null
? `<div class="hint bad">Nicht ganz — überlegt nochmal und probiert es erneut.</div>` : ``;
$("#panel").innerHTML = `
@ -1235,8 +1230,9 @@ function renderClassify(){
<div class="classifyMain">
<div class="hint ok">✓ Richtig: ${CHANGE_TYPES[correct]}</div>
<div class="recBox"><h4>Warum?</h4>
<p style="margin:0 0 6px;color:var(--muted)">${CHANGE_LEGEND[correct].idee}</p>
<p style="margin:0;color:var(--muted)"><b>Beispiel:</b> ${CHANGE_LEGEND[correct].bsp}</p></div>
<p style="margin:0 0 8px;color:var(--ink)">${CHANGE_LEGEND[correct].idee}</p>
<div class="lgBed">${CHANGE_LEGEND[correct].bed.map(b=>`<div>${b}</div>`).join("")}</div>
<p style="margin:8px 0 0;color:var(--muted)"><b>Beispiel:</b> ${CHANGE_LEGEND[correct].bsp}</p></div>
</div>
</div>
<div class="actions">