Estoy creando un cuestionario con 5 preguntas aleatorias (de una serie de 20). Quiero asignar una imagen a cada pregunta posible. La forma en que lo hice fue usando declaraciones de cambio, pero eso produce demasiado código ya que tengo 20 preguntas. ¿Hay otra forma de lograr esto usando menos código?
Aquí está el código que estoy usando:
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; .....Utilice una matriz de objetos.
var data = [{ question : "Question" answer : "answer" image : "/image.png" }, { question : "Question" answer : "answer" image : "/image.png" }]Luego cree funciones para insertar imágenes y preguntas mientras hace clic en el botón