hice un ejemplo lo mas sencillo posible con el bucle for
.
Explicación:
El for
recorre cada objeto del array llamado alumnos, dentro hice una variable llamada parrafo con la que creamos un elemento p
y despues a ese elemento le añadimos los datos del objeto, por ultimo lo insertamos en el elemento div con el id demo.
(Observé que la etiqueta con el id demo estaba dentro de la etiqueta head, los elementos div siempre deben estar dentro de la etiqueta body)
Ejemplo:
<!DOCTYPE html>
<html lang="es">
<head>
<title>LMI. Exercicis 5.5</title>
<meta charset="utf-8" />
</head>
<body>
<div id="demo">
</div>
<script>
var alumnos = [{
nombre: "María",
apellido: "García",
edad: "18"
}, {
nombre: "Edgar",
apellido: "Gómez",
edad: "19"
}, {
nombre: "Greta",
apellido: "López",
edad: "18"
}]
for (alumno of alumnos) {
let parrafo = document.createElement("p");
parrafo.innerHTML = "Nombre: " + alumno.nombre + " Apellido: " + alumno.apellido + " Edad: " + alumno.edad;
document.getElementById("demo").appendChild(parrafo);
}
</script>
</body>
</html>