Estoy tratando de crear un proyecto de "Selector de alimentos" y estoy un poco perplejo. Quiero agregar un poco más de estilo con cada elemento de matriz individual. No quiero reemplazar los elementos de mi matriz con la imagen. Tal vez solo agregue un detector de eventos que cargue una imagen simultáneamente con el elemento. Cuando se hace clic en el botón, se mostrarán las palabras de la matriz, pero también se mostrará una imagen de mi elección en la parte inferior de la pantalla.
Probé un par de cosas, pero mi último intento fue tratar de apuntar al índice de matriz y hacer que sea igual al CSS/Estilo con el que quiero que se corresponda... Y eso fue en vano ;-;
let close = ["Chipotle", "Wendy's", "Pollo Tropical", "Wings and Things", "Subway", "Sonic's", "Culvers", "Publix", "Chic Fil A"]; let healthy = ["Chipotle", "Subway", "Chic Fil A", "Smoothie"]; let dine = ["LongHorn", "Hooters", "Cheddars", "Senju Ramen"]; // chip.addEventListener('change', () => { // if() // }) // close[1] = document.querySelector(".wendys");¿Por qué no usar una matriz de objetos? cada elemento de la matriz es un objeto con el nombre y la imagen:
let close = [ { name: "Chipotle", image: "" }, { name: "Wendy's", image: "" }, // rest of your array here ]; close[0].name; // return "Chipotle" ;const close = [{ "Chipotle", image: null }, { name: "Wendy's", image: null }] close[0].name // Return "Chipotle" close[0].image // Access image return null