diff --git a/flask_base/static/quiz.css b/flask_base/static/quiz.css index 6393228..83df3b8 100644 --- a/flask_base/static/quiz.css +++ b/flask_base/static/quiz.css @@ -69,3 +69,7 @@ button:active { font-size: 20px; } +#finalScore { + display: none; +} + diff --git a/flask_base/static/quizz.js b/flask_base/static/quizz.js index 5419352..73e965c 100644 --- a/flask_base/static/quizz.js +++ b/flask_base/static/quizz.js @@ -6,12 +6,16 @@ function test() } var nextquestion; var nbQuestion; +var score function startQuiz(j) { nextquestion = 1; nbQuestion = j; + score = 0; document.getElementById("test1").style.display = "block"; + document.getElementById("test1").scrollIntoView(); document.getElementById("strt").disabled = "true"; + document.getElementById("finalScore").style.display = "block"; } function tog(j) @@ -29,6 +33,7 @@ function tog(j) { document.getElementById("answer"+nextquestion).innerHTML = "correct"; document.getElementById("answer"+nextquestion).style.color = "#00ff00"; + score += 1; } else { document.getElementById("answer"+nextquestion).innerHTML = "incorrect"; @@ -42,6 +47,9 @@ function tog(j) if (nextquestion<=nbQuestion) { document.getElementById("test"+nextquestion).style.display = "block"; + document.getElementById("test"+nextquestion).scrollIntoView(); + } else { + document.getElementById("finalScore").innerHTML = "Your final score is " + score + "/" + nbQuestion + "!"; } } diff --git a/flask_base/templates/quiz.html b/flask_base/templates/quiz.html index ef39b4c..c7bc543 100644 --- a/flask_base/templates/quiz.html +++ b/flask_base/templates/quiz.html @@ -12,5 +12,6 @@

page du quiz

{% include 'question.html' %} +

continue to get your final score...