Fausto Busuito
commited on
Commit
·
9ec9653
1
Parent(s):
811236f
Application changes
Browse files- app/static/script.js +11 -26
app/static/script.js
CHANGED
@@ -97,9 +97,8 @@ document.getElementById('prev').addEventListener('click', () => {
|
|
97 |
|
98 |
document.getElementById('end-session').addEventListener('click', () => {
|
99 |
let correctCount = 0;
|
100 |
-
let incorrectCount = 0;
|
101 |
-
let unansweredCount = 0;
|
102 |
|
|
|
103 |
const resultsTable = document.createElement('table');
|
104 |
resultsTable.style.width = '100%';
|
105 |
resultsTable.style.borderCollapse = 'collapse';
|
@@ -140,18 +139,12 @@ document.getElementById('end-session').addEventListener('click', () => {
|
|
140 |
const correctAnswerCell = document.createElement('td');
|
141 |
if (userAnswers[index].length === 0) {
|
142 |
correctAnswerCell.innerText = 'No answer';
|
143 |
-
unansweredCount++; // Aumenta il contatore delle risposte non date
|
144 |
} else {
|
145 |
const correctAnswersText = question.correct.map(letter => {
|
146 |
const optionIndex = letter.charCodeAt(0) - 65; // A = 0, B = 1, C = 2, ...
|
147 |
return question.options[optionIndex];
|
148 |
}).join(', ');
|
149 |
correctAnswerCell.innerText = correctAnswersText;
|
150 |
-
if (JSON.stringify(userAnswers[index].sort()) === JSON.stringify(question.correct.sort().map(letter => letter.charCodeAt(0) - 65))) {
|
151 |
-
correctCount++; // Aumenta il contatore delle risposte corrette
|
152 |
-
} else {
|
153 |
-
incorrectCount++; // Aumenta il contatore delle risposte sbagliate
|
154 |
-
}
|
155 |
}
|
156 |
correctAnswerCell.style.border = '1px solid #ddd';
|
157 |
correctAnswerCell.style.padding = '10px';
|
@@ -171,6 +164,7 @@ document.getElementById('end-session').addEventListener('click', () => {
|
|
171 |
if (isCorrect) {
|
172 |
statusCell.innerText = 'Correct';
|
173 |
statusCell.style.color = 'green';
|
|
|
174 |
} else {
|
175 |
statusCell.innerText = 'Incorrect';
|
176 |
statusCell.style.color = 'red';
|
@@ -184,26 +178,16 @@ document.getElementById('end-session').addEventListener('click', () => {
|
|
184 |
});
|
185 |
|
186 |
// Calcola lo score
|
187 |
-
const
|
188 |
-
|
189 |
-
|
190 |
-
|
191 |
-
|
192 |
-
|
193 |
-
|
194 |
-
scoreDetails.innerHTML = `
|
195 |
-
<h3>Quiz Results</h3>
|
196 |
-
<p><strong>Total Questions:</strong> ${totalQuestions}</p>
|
197 |
-
<p><strong>Correct Answers:</strong> ${correctCount}</p>
|
198 |
-
<p><strong>Incorrect Answers:</strong> ${incorrectCount}</p>
|
199 |
-
<p><strong>Unanswered Questions:</strong> ${unansweredCount}</p>
|
200 |
-
<p><strong>Your score:</strong> ${score.toFixed(2)}%</p>
|
201 |
-
`;
|
202 |
-
|
203 |
-
// Aggiungi i dettagli del punteggio e la tabella ai risultati
|
204 |
const resultsContainer = document.getElementById('results-container');
|
205 |
resultsContainer.innerHTML = ''; // Pulisci i risultati precedenti
|
206 |
-
resultsContainer.appendChild(
|
207 |
resultsContainer.appendChild(resultsTable);
|
208 |
|
209 |
// Mostra il contenitore dei risultati e nascondi il quiz
|
@@ -211,6 +195,7 @@ document.getElementById('end-session').addEventListener('click', () => {
|
|
211 |
resultsContainer.style.display = 'block';
|
212 |
});
|
213 |
|
|
|
214 |
document.getElementById('restart').addEventListener('click', () => {
|
215 |
document.getElementById('results-container').style.display = 'none';
|
216 |
document.getElementById('file-selection').style.display = 'block';
|
|
|
97 |
|
98 |
document.getElementById('end-session').addEventListener('click', () => {
|
99 |
let correctCount = 0;
|
|
|
|
|
100 |
|
101 |
+
// Crea la tabella dei risultati
|
102 |
const resultsTable = document.createElement('table');
|
103 |
resultsTable.style.width = '100%';
|
104 |
resultsTable.style.borderCollapse = 'collapse';
|
|
|
139 |
const correctAnswerCell = document.createElement('td');
|
140 |
if (userAnswers[index].length === 0) {
|
141 |
correctAnswerCell.innerText = 'No answer';
|
|
|
142 |
} else {
|
143 |
const correctAnswersText = question.correct.map(letter => {
|
144 |
const optionIndex = letter.charCodeAt(0) - 65; // A = 0, B = 1, C = 2, ...
|
145 |
return question.options[optionIndex];
|
146 |
}).join(', ');
|
147 |
correctAnswerCell.innerText = correctAnswersText;
|
|
|
|
|
|
|
|
|
|
|
148 |
}
|
149 |
correctAnswerCell.style.border = '1px solid #ddd';
|
150 |
correctAnswerCell.style.padding = '10px';
|
|
|
164 |
if (isCorrect) {
|
165 |
statusCell.innerText = 'Correct';
|
166 |
statusCell.style.color = 'green';
|
167 |
+
correctCount++;
|
168 |
} else {
|
169 |
statusCell.innerText = 'Incorrect';
|
170 |
statusCell.style.color = 'red';
|
|
|
178 |
});
|
179 |
|
180 |
// Calcola lo score
|
181 |
+
const score = (correctCount / questions.length) * 100;
|
182 |
+
|
183 |
+
// Mostra il punteggio
|
184 |
+
const scoreElement = document.getElementById('score');
|
185 |
+
scoreElement.innerText = `Your score: ${score.toFixed(2)}%`;
|
186 |
+
|
187 |
+
// Aggiungi la tabella ai risultati
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
188 |
const resultsContainer = document.getElementById('results-container');
|
189 |
resultsContainer.innerHTML = ''; // Pulisci i risultati precedenti
|
190 |
+
resultsContainer.appendChild(scoreElement);
|
191 |
resultsContainer.appendChild(resultsTable);
|
192 |
|
193 |
// Mostra il contenitore dei risultati e nascondi il quiz
|
|
|
195 |
resultsContainer.style.display = 'block';
|
196 |
});
|
197 |
|
198 |
+
|
199 |
document.getElementById('restart').addEventListener('click', () => {
|
200 |
document.getElementById('results-container').style.display = 'none';
|
201 |
document.getElementById('file-selection').style.display = 'block';
|