Necesito un programa:
- En el que defino un
array
con 3 objetos. - Cada uno de estos objetos ha de tener 3 propiedades.
- Cada objeto con sus propiedades se debe mostrar en una línea diferente (usando un bucle for).
De momento he intentado 2 cosas:
El primer intento:
<!DOCTYPE html>
<html lang="es">
<head>
<title>LMI. Exercicis 5.5</title>
<meta charset="utf-8" />
<p id="demo"></p>
</head>
<body>
<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 (alumnos = 0; alumnos < 9; alumnos++) {
document.getElementById("demo").innerHTML = "Nombre: " + alumnos.nombre + "</br> Apellido: " + alumnos.apellido + "</br> Edad: " + alumnos.edad;
}
</script>
</body>
</html>
El segundo intento:
<!DOCTYPE html>
<html lang="es">
<head>
<title>LMI. Exercicis 5.5</title>
<meta charset="utf-8" />
<p id="demo"></p>
</head>
<body>
<script>
var alumnos = [{
"María",
"García",
"18"
}, {
"Edgar",
"Gómez",
"19"
}, {
"Greta",
"López",
"18"
}]
var posicion;
for (posicion = 0; posicion < 9; posicion++) {
document.write("Nombre: " + alumnos[posicion] + "</br> Apellido: " + alumnos[posicion] + "</br> Edad: " + alumnos[posicion]);
}
</script>
</body>
</html>
Gracias por la ayuda de antemano.
Saludos.