furtest/tigrou
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix du quizz

Browse Source
This commit is contained in:
Your Name
2025-12-05 03:42:04 +01:00
parent 0a95a72cbb
commit 36edabe1da
4 changed files with 63 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
flask_base/data/quizz.json
View File

@@ -1,26 +1,39 @@
[ {
{ "nbQuestion" : 2,
"question" : "coucou", "questions" : [
"nb" : 1, {
"answer" : [ "question" : "coucou",
{ "nb" : 1,
"answer" : "salut", "nbAnswer" : 2,
"nb" : 1 "answer" : [
} {
] "answer" : "salut",
}, "nb" : 1,
{ "correct" : "true"
"question" : "hello", },
"nb" : 2, {
"answer" : [ "answer" : "de",
{ "nb" : 2,
"answer" : "salut", "correct" : "false"
"nb" : 1 }
}, ]
{ },
"answer" : "deux", {
"nb" : 2 "question" : "hello",
} "nb" : 2,
] "nbAnswer" : 2,
} "answer" : [
] {
"answer" : "salut",
"nb" : 1,
"correct" : "false"
},
{
"answer" : "deux",
"nb" : 2,
"correct" : "true"
}
]
}
]
}

22
flask_base/static/quizz.js
View File

@@ -5,18 +5,27 @@ function test()
document.getElementById("demo").innerHTML = "Title!"; document.getElementById("demo").innerHTML = "Title!";
} }
var nextquestion; var nextquestion;
function startQuiz() var nbQuestion;
function startQuiz(j)
{ {
nextquestion = 1; nextquestion = 1;
nbQuestion = j;
document.getElementById("test1").style.display = "block"; document.getElementById("test1").style.display = "block";
document.getElementById("strt").disabled = "true"; document.getElementById("strt").disabled = "true";
} }
function tog() function tog(j)
{ {
var chk1 = document.getElementById("tgl1"+nextquestion)
var chk2 = document.getElementById("tgl2"+nextquestion) var chk = [];
if (chk1.checked==true && chk2.checked != true) var test = true
for (i=0;i<j;i++)
{
chk[i] = document.getElementById("tgl"+(i+1)+nextquestion);
test = test && String(chk[i].checked) == chk[i].getAttribute("attribut");
}
if (test)
{ {
document.getElementById("answer"+nextquestion).innerHTML = "correct"; document.getElementById("answer"+nextquestion).innerHTML = "correct";
document.getElementById("answer"+nextquestion).style.color = "#00ff00"; document.getElementById("answer"+nextquestion).style.color = "#00ff00";
@@ -30,7 +39,10 @@ function tog()
document.getElementById("tgl2"+nextquestion).disabled = "true"; document.getElementById("tgl2"+nextquestion).disabled = "true";
document.getElementById("sub1").disabled = "true"; document.getElementById("sub1").disabled = "true";
nextquestion = nextquestion + 1; nextquestion = nextquestion + 1;
if (nextquestion<=nbQuestion)
{
document.getElementById("test"+nextquestion).style.display = "block"; document.getElementById("test"+nextquestion).style.display = "block";
}
} }

12
flask_base/templates/question.html
View File

@@ -1,10 +1,10 @@
{% for q in questions %} {% for q in questions.questions %}
<div class="test" id="test1"> <div class="test" id="test{{q.nb}}">
<h2>{{q.question}}</h2> <h2>{{q.question}}</h2>
{% for a in q.answer%} {% for a in q.answer%}
<label class="ans">{{a.answer}}<input id="tgl{{a.nb}}{{q.nb}}" type="checkbox" onclick=""></input></label><br> <label class="ans">{{a.answer}}<input id="tgl{{a.nb}}{{q.nb}}" attribut="{{a.correct}}" type="checkbox" onclick=""></input></label><br>
{% endfor %} {% endfor %}
<button class="ans" id="sub1" onclick="tog()">sub</button> <button class="ans" id="sub{{q.nb}}" onclick="tog({{q.nbAnswer}})">sub</button>
<p class="ans" id="answer1"><br></p><br> <p class="ans" id="answer{{q.nb}}"><br></p><br>
</div> </div>
{% endfor %} {% endfor %}

2
flask_base/templates/quiz.html
View File

@@ -9,7 +9,7 @@
<body> <body>
<a href="test.html"><img class="logo" src="static/logo_n2i_color_moon.svg"></a> <a href="test.html"><img class="logo" src="static/logo_n2i_color_moon.svg"></a>
<h1 id="txt">page du quiz</h1> <h1 id="txt">page du quiz</h1>
<button id="strt" onclick="startQuiz()">Start Quiz!</button> <button id="strt" onclick="startQuiz({{questions.nbQuestion}})">Start Quiz!</button>
{% include 'question.html' %} {% include 'question.html' %}
</body> </body>
</html> </html>