Max-Meier-Projekt-alpha/htdocs/app_44.js

36 lines
1.7 KiB
JavaScript

if (admin){
if(question.answers.length!=3){
question.answers=[{text: "1", correct: false}, {text: "2", correct: false}, {text: "3", correct: false}]
}
for (let input of document.getElementsByTagName("input")){
if (input.type==="checkbox"&&input.id){
input.setAttribute("style", "");
const index = parseInt(input.id.replace("a", ""))-1;
input.checked=(question.answers[index]||{correct:false}).correct;
input.addEventListener("change", (ev)=>{
question.answers[index].correct=ev.target.checked;
})
}
}
}
const selections = [];
const lsg = 49;
for (let img of document.getElementsByTagName("img")){
img.addEventListener("click", (ev)=>{
const index = parseInt(ev.target.id.replace("acc", ""))-1;
if(!selections.includes(index)){
selections.push(index);
ev.target.setAttribute("style", `animation: mark 1s linear; ${ev.target.getAttribute("style")}`)
setTimeout(()=>{
ev.target.setAttribute("style", `border: 9px solid lawngreen; height: 118px; width: 118px; ${ev.target.getAttribute("style").replace("animation: mark 1s linear; ", "")}`)
}, 950)
}else if (selections.includes(index)){
selections.splice(selections.indexOf(index), 1);
ev.target.setAttribute("style", `animation: unmark 1s linear; ${ev.target.getAttribute("style").replace("border: 9px solid lawngreen; height: 118px; width: 118px; ", "")}`)
setTimeout(()=>{
ev.target.setAttribute("style", `${ev.target.getAttribute("style").replace("animation: unmark 1s linear; ", "")}`)
}, 950)
}
})
}
const stretchFactor = 0.8;