how to create Javascript true or false quiz

Question

I'm currently creating a true or false quiz in javascript, html and css. the quiz has no questions but only pictures, it also has a general instruction set the user has to obey. I got the quiz set-up in the front-end but the yes or no buttons where the user has to click is not responding.

I started by creating a div for each question, where question1 is questiona and so on.
I also created the yes or no buttons right after the div for each question. then to make the necessary connection to javascript, I created 2 functions for each question, for example:

Question 1 has functions questionyes1 and questionno1, these functions specify the reaction of the buttons when either yes or no is clicked but I see no result.

function questionyes1() {
  document.getElementById('questiona').innerHTML = "correct! Tolulene is used to manufacture paint";
  document.getElementById('questiona').style.color = "green";
}

function questionno1() {
  document.getElementById('questiona').innerHTML = "Wrong! Tolulene is used to manufacture paint";
  document.getElementById('questiona').style.color = "red";
}

function questionyes2() {
  document.getElementById('questionb').innerHTML = "correct! Tar is used paving roads and coating roofs";
  document.getElementById('questionb').style.color = "green";
}

function questionno2() {
  document.getElementById('questionb').innerHTML = "Wrong! Tar is used paving roads and coating roofs";
  document.getElementById('questionb').style.color = "red";
}

function questionyes3() {
  document.getElementById('questionc').innerHTML = "correct! Cadmium is the main component in battery acid";
  document.getElementById('questionc').style.color = "green";
}

function questionno3() {
  document.getElementById('questionc').innerHTML = "Wrong! Cadmium is the main component in battery acid";
  document.getElementById('questionc').style.color = "red";
}

function questionyes4() {
  document.getElementById('questiond').innerHTML = "correct! Methanol is an active component in rocket fuel";
  document.getElementById('questiond').style.color = "green";
}

function questionno4() {
  document.getElementById('questiond').innerHTML = "Wrong! Methanol is an active component in rocket fuel";
  document.getElementById('questiond').style.color = "red";
}

function questionyes5() {
  document.getElementById('questione').innerHTML = "correct! ";
  document.getElementById('questione').style.color = "green";
}

function questionno5() {
  document.getElementById('questione').innerHTML = "Wrong!";
  document.getElementById('questione').style.color = "red";
}

Instructions:
Below are series of images. Select 'Yes' if you think the item contains the same ingredients as a tobacco.






  Paint
  








  Roof Coating
  








  Batteries
  








  Rocket-Fuel
  








  Soft-drinks

how to create Javascript true or false quiz

Answers (1)

Related Questions