La variable JavaScript n'ajoute pas de valeurs car elle devrait

Vous devez initialiser la variable résultat code> après avoir vérifié la bonne réponse.

p>

<div class="container">
  <div class="question1">
    <p>What is the capital of Nigeria</p><br>
    <input type="text" id="question_one">

  </div>

  <button id="button" onclick="getResult();">Submit</button>

</div>
<!--end of container-->

<div class="button_after">

  <h1 id="result"></h1>

</div>
<!--end of button_after-->

Vous avez déclaré la variable abuja code> avant de mettre à jour la variable corrige_ans code>. Mettez-le après le si code> condition. Si vous devez ajouter d'autres questions, vous devez mettre la déclaration initiale de correction_ans = 0 code> hors de la fonction ou vous allez toujours obtenir 0 ou 1.

p>

<div class="container">
  <div class="question1">
    <p>What is the capital of Nigeria</p><br>
    <input type="text" id="question_one">

  </div>

  <button id="button" onclick="getResult();">Submit</button>

</div>
<!--end of container-->

<div class="button_after">

  <h1 id="result"></h1>

</div>
<!--end of button_after-->

Dans votre code, le résultat a été évalué avant l'incraction correcte_ans. Essayez cela à la place.

function getResult() {
  let answer_one = document.getElementById("question_one").value;
  let correct_ans = 0;
  let result = "";

  if (answer_one === "abuja") {
    correct_ans++;
  }
  result = You answered " + correct_ans + " correctly.
  document.getElementById("result").innerHTML = result;
}