Skip to main content
Corrección explicación
Origen Enlace
jonasdamher
  • 1.8k
  • 1
  • 6
  • 15

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>

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>

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, ese tipo de elemento siempre debe 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>

Origen Enlace
jonasdamher
  • 1.8k
  • 1
  • 6
  • 15

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>