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 (cambie el elemento p por un div para el ejemplo) div
con el id demo.
(Observé que la etiqueta con el id demo estaba dentro de la etiqueta head, los elementos divese tipo de elemento siempre debendebe 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">
<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>