const assignPictures = (value, questionID) => { const addPicture = document.createElement("div"); addPicture.setAttribute("class","imagesInQuestion") switch(true){ case value === secondArray[0]: addPicture.innerHTML = `<img class="inlineImages" src ="/Images/Block1.png">` break; case value === secondArray[1]: addPicture.innerHTML = `<img class="inlineImages" src ="/Images/Block2.png">` break; } return document.querySelector(questionID).append(addPicture); }Según el comentario de OP, podría usar una matriz para asociar cada pregunta con una ruta a un archivo. Luego, usaría esta matriz para mostrar la buena imagen según el índice de preguntas actual:
const assignPictures = (value, questionID) => { // each item is the path to the relevant image const images = [ '/Images/Block1.png', '/another_path.jpg', 'https://external.image.jpg', ]; // if `questionID` is not a numerical index, adjust `images` accordingly: // const images = { // firstQuestion: '/Images/Block1.png', // anotherID: '/another_path.jpg', // whyNot: 'https://external.image.jpg', // } const addPicture = document.createElement("div"); addPicture.setAttribute("class", "imagesInQuestion") // assuming `questionID` is the current question number addPicture.innerHTML = `<img class="inlineImages" src ="${images[questionID]}">` document.querySelector(questionID).append(addPicture); }Tenga en cuenta que estamos usando acentos graves para crear un literal de plantilla:
// This allows us to use this syntax: `<img class="inlineImages" src ="${images[questionID]}">` // rather than this one: '<img class="inlineImages" src ="' + images[questionID] + '">';