Tengo una lista de objetos, y estoy haciendo una prueba para crear un innerHTML y que aparezca en la página. Hasta ahora bien, muy básico. Pero no me toma ningún appendChild que ponga. En consola me aparece "Cannot read property 'appendChild' of null". Qué puede ser?
Gracias!
const productos = [{
id: 1,
nombre: "Arroz",
precio: 125
},
{
id: 2,
nombre: "Fideo",
precio: 70
},
{
id: 3,
nombre: "Pan",
precio: 50
},
{
id: 4,
nombre: "Flan",
precio: 100
}
];
for (const producto of productos) {
let contenedor = document.createElement("div");
contenedor.innerHTML = `<h3> ID: ${producto.id}</h3>
<p> Producto: ${producto.nombre}</p>
<b> $ ${producto.precio}</b>`;
document.getElementById("prueba2").appendChild(contenedor);
}
<section>
<div id="prueba2">
</div>
</section>