Ejercicio 1

Leer los datos almacenados en el JSON para crear una página HTML.

1) Abrir "libros.json"

Es un array de 3 elementos. Cada elemento es un object con 2 propiedades.

2) Crear el archivo "libros.html" 3) Crear una variable y asignarle el contenido del JSON.

var libros = -AQUÍ-VA-EL-JSON- ;

4) Crear la sección #books

<section id="books"></section>

5) En el evento onload del body llamar a la función biblioteca

<body onload="biblioteca()">

6) Crear la función biblioteca()

function biblioteca() 
{       
}

7) Obtener una referencia a la etiqueta #books

var books = document.querySelector('#books');   

8) Realizar un bucle para recorrer el array de libros

for (var i=0; i<libros.length; i++) 
{
    var libro = libros[i]; 

}

9) Obtener el título y el autor del libro

var titulo = libro.titulo; 
var autor = libro.autor; 

10) Añadir etiquetas HTML a las variables

titulo = "<h2>"+titulo+"</h2>";
autor = "<p>"+autor+"</p>"; 

11) Añadir las etiquetas dentro de la sección #books

books.innerHTML += titulo + autor;              

Ejercicio 1.2

Añadir un nuevo libro

Ejercicio 1.3

Añadir un nueva propiedad: Número de páginas

Ejercicio 1.4

Duplicar el archivo como "libros2.html" Cambiar el bucle for por uno mejor.

Bucle para recorrer los elementos de un array. No se necesita índice.

Para cada libro que hay en el array de libros

for (var libro of libros) {

}

Proinf.net