¿Cómo muestro todos los objetos de mi matriz y no solo el 1 y también cómo lo hago en orden? Solo muestra 1 elemento y solo el último elemento. Así que tengo todos los objetos enumerados, pero solo me da el mismo elemento y también comienza desde abajo.
let stoves = [ { id: 1, brand: "Frigidaire", modelNumber: "FCRC3012AW", description: "30\" Electric Coil Top Range ", color: "White", price: "$450.00", qty: "", }, { id: 2, brand: "Frigidaire", modelNumber: "FFEF3016VB", description: "30\" Electric Coil Top Range - Self Clean", color: "Black", price: "$465.00", qty: "", }, { id: 3, brand: "Frigidaire", modelNumber: "FFEF3016VW", description: "30\" Electric Coil Top Range - Self Clean", color: "White", price: "$465.00", qty: "", }, stoves.forEach((item) => { brandLogo.src = 'imgs/brand-logos/frig.png'; productDesc.innerHTML = `${item.description} `; modelNum.innerHTML = `<h5>Model Number:</h5>${item.modelNumber}`; price.innerHTML = `${item.price}`; }); } applSection(); let appliances = stoves; function init() { appliances.forEach(applSection); } init();innerHTML = establecerá innerHtml, lo que significa que perderá lo que tenía antes de usar += en su lugar, se agregará a lo existente
stoves.forEach((item) => { brandLogo.src = 'imgs/brand-logos/frig.png'; productDesc.innerHTML += `${item.description} `; modelNum.innerHTML += `<h5>Model Number:</h5>${item.modelNumber}`; price.innerHTML += `${item.price}`; }); }Solo muestra 1 elemento y solo el último elemento. Así que tengo todos los objetos enumerados, pero solo me da el mismo elemento y también comienza desde abajo.
Su problema es que recorre su matriz, pero asigna en lugar de acumular cada vez ... así que absolutamente obtendrá el último elemento. Entonces, la solución es usar una variable para acumular sus objects y luego finalmente asignarla a HTML
let stoves = [ { id: 1, brand: "Frigidaire", modelNumber: "FCRC3012AW", description: "30\" Electric Coil Top Range ", color: "White", price: "$450.00", qty: "", }, { id: 2, brand: "Frigidaire", modelNumber: "FFEF3016VB", description: "30\" Electric Coil Top Range - Self Clean", color: "Black", price: "$465.00", qty: "", }] let productsHTML = ""; stoves.forEach((item) => { const product = `<h5>Model Number: ${item.modelNumber}</h5>Description: ${item.description} <br/> Price: ${item.price} <hr/>`; productsHTML += product; }); productDesc.innerHTML = productsHTML; <div id="productDesc"/>