Se pego muy raro el codigo del foreach, va de nuevo aca, pero si lo pongo en formato codigo me come el primer renglon const showMenu = () => { y si trato de corregirlo, no me toma el formato codigo -.-

   const parrafo = document.createElement('p')
   productos.forEach(producto => parrafo.textContent = `${producto.nombre} - $${producto.precio}`)
   document.body.appendChild(parrafo)
}```

Hola, no se si ya lo hayas resuelto pero creo que ya se porque sucede eso. Es que solo creas una etiqueta de párrafo y es sobre esa misma etiqueta que se van imprimiendo los datos. Y el text content va sobreescribiendo la información en cada iteración, por eso solo te imprime el último elemento de tu array. Te pongo el código con el que se puede hacer, voy imprimiendo cada producto en una etiqueta de párrafo y agregándole el texto en cada iteración del forEach:

Lo adjunto en imagen porque en código por alguna razón no se copia correctamente

Se pego muy raro el codigo del foreach, va de nuevo aca, pero si lo pongo en formato codigo me come el primer renglon const showMenu = () => { y si trato de corregirlo, no me toma el formato codigo -.-

   const parrafo = document.createElement('p')
   productos.forEach(producto => parrafo.textContent = `${producto.nombre} - $${producto.precio}`)
   document.body.appendChild(parrafo)
}```

Hola, no se si ya lo hayas resuelto pero creo que ya se porque sucede eso. Es que solo creas una etiqueta de párrafo y es sobre esa misma etiqueta que se van imprimiendo los datos. Y el text content va sobreescribiendo la información en cada iteración, por eso solo te imprime el último elemento de tu array. Te pongo el código con el que se puede hacer, voy imprimiendo cada producto en una etiqueta de párrafo y agregándole el texto en cada iteración del forEach:

Lo adjunto en imagen porque en código por alguna razón no se copia correctamente

Se pego muy raro el codigo del foreach, va de nuevo aca, pero si lo pongo en formato codigo me come el primer renglon const showMenu = () => { y si trato de corregirlo, no me toma el formato codigo -.-

   const parrafo = document.createElement('p')
   productos.forEach(producto => parrafo.textContent = `${producto.nombre} - $${producto.precio}`)
   document.body.appendChild(parrafo)
}```

Hola, no se si ya lo hayas resuelto pero creo que ya se porque sucede eso. Es que solo creas una etiqueta de párrafo y es sobre esa misma etiqueta que se van imprimiendo los datos. Y el text content va sobreescribiendo la información en cada iteración, por eso solo te imprime el último elemento de tu array. Te pongo el código con el que se puede hacer, voy imprimiendo cada producto en una etiqueta de párrafo y agregándole el texto en cada iteración del forEach:

Lo adjunto en imagen porque en código por alguna razón no se copia correctamente