I'm creating a quiz with 5 random questions (out of an array of 20). I want to assign a picture to every possible question. The way I did that was using switch statements but that produces too much code as I have 20 questions. Is there another way to achieve this by using less code?
Here is the code I'm using:
const assignPictures = (value, questionID) => {
const addPicture = document.createElement("div");
addPicture.setAttribute("class","imagesInQuestion")
switch(true){
case value === Array[0]:
addPicture.innerHTML = `
<img class="inlineImages" src ="/Images/Image.png">
`
break;
case value === Array[1]:
addPicture.innerHTML = `
<img class="inlineImages" src ="/Images/Image2.png">
`
break;
.....
Use an object array.
var data = [{
question : "Question"
answer : "answer"
image : "/image.png"
},
{
question : "Question"
answer : "answer"
image : "/image.png"
}]
Then create functions for inserting images and questions while clicking the button