1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
const classes = ["teacher", "TGM13.1", "TGM13.2", "TGTM13", "TGI13.1", "TGI13.2"];
fetch("api/questions")
.then((questions) => questions.json())
.then((questions) => {
fetch("api/answers")
.then((answers) => answers.json())
.then((answers) => {
questions.forEach((question) => (question.answers = []));
answers.forEach((answer) =>
questions.filter((q) => q.id === answer.question_id)[0].answers.push(answer),
);
render(questions);
});
});
function render(questions) {
const list = document.querySelectorAll("#list ul");
list.forEach((elem) => {
elem.style.display = "none";
elem.previousElementSibling.addEventListener("click", () => {
elem.style.display = elem.style.display === "none" ? "block" : "none";
console.log(elem.nextElementSibling);
});
});
questions.forEach((question) => {
let answers = ["", "", "", "", "", ""];
question.answers.forEach((answer) => {
answers[classes.indexOf(answer.class)] += `<li>${answer.name} ${
answer.middlename ? answer.middlename + " " : ""
}${answer.surname}: ${answer.count}</li>`;
});
answers.forEach((elem, ind) => {
if ((question.type != "teacher" || ind == 0) && (question.type == "teacher" || ind != 0))
list[ind].insertAdjacentHTML("beforeend", `<li>${question.question}<br><ol>${answers[ind]}</ol></li>`);
});
});
}
|
