Add score in with javascript
تبليغسؤال
يرجى شرح بإيجاز لمإذا تشعر أنك ينبغي الإبلاغ عن هذا السؤال.
I am doing a quiz that consists of 3 questions and each question has 3 options. Only one question is displayed on the screen at a time. For answer a the value is 2 points, for answer b the value is 1 point and for answer c the value is 0 points. I try to make a summation of each question so that at the end a message with the final score is displayed, but I’m stuck. Here my code so far.
Thank you in advance!
const qData = [
{
question: “Question1”,
a: “Yes”,
b: “No”,
c: “Maybe”,
},
{
question: “Question2”,
a: “Always”,
b: “Sometimes”,
c: “Never”,
},
{
question: “Question3”,
a: “100%”,
b: “50%”,
c: “0%”,
}
{
question: “Question1”,
a: “Yes”,
b: “No”,
c: “Maybe”,
},
{
question: “Question2”,
a: “Always”,
b: “Sometimes”,
c: “Never”,
},
{
question: “Question3”,
a: “100%”,
b: “50%”,
c: “0%”,
}
]
const questionE1 = document.getElementById(“question”);
const a_text = document.getElementById(“a-text”);
const b_text = document.getElementById(“b-text”);
const c_text = document.getElementById(“c-text”);
const submitBtn = document.getElementById(“siguiente”)
let currentQuiz = 0;
loadQuiz();
function loadQuiz() {
const currentQuizData = qData[currentQuiz];
questionE1.innerText = currentQuizData.question;
a_text.innerText = currentQuizData.a;
b_text.innerText = currentQuizData.b;
c_text.innerText = currentQuizData.c;
}
submitBtn.addEventListener(“click”, () => {
currentQuiz++;
});
const numericalValues = new Array();
numericalValues[“a”]= 2;
numericalValues[“b”]= 1;
numericalValues[“c”]= 0;
function getscore() {
var puntos = 0;
var answer = document.getElementById(“answer”);
for(var i=0; i<answer.length; i++)
{
if(answer[i]) {
puntos = numericalValues[answer[i].value];
}
}
return puntos;
};
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Quiz</title>
<link rel=”stylesheet” href=”style.css”>
<script src=”./script.js” defer></script>
</head>
<body>
<h1>Quiz</h1>
<div class=”container”>
<div class=”score”>
<h2 id=”question”>Question text</h2>
<ul>
<li><input type=”radio” id=”a” name=”answer” class=”answer”><label id=”a-text” for=”a”>Question</label></li>
<li><input type=”radio” id=”b” name=”answer” class=”answer”><label id=”b-text” for=”b”>Question</label></li>
<li><input type=”radio” id=”c” name=”answer” class=”answer”><label id=”c-text” for=”c”>Question</label></li>
</ul>
<button id=”siguiente”>Next</button>
</div>
</div>
<p id=”result”>Final Score</p>
</body>
</html>
أضف إجابة