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) {
}