JS + DOM + JSON

Il est facile d'afficher les détails d'un livre dans une page. Les information sont stocké dans un objet JSON.

JSON

var myBook = {
        "title": "HTML5: Up & Running",
        "author": "Mark Pilgrim",
        "date": "2010-11-18T13:00:00.000Z",
        "asin": "0596806027",
        "thumbnail": "http://images.amazon.com/images/P/0596806027.01.ZTZZZZZZ.jpg",
        "infos": ["A humorous, informative, and well-written introduction to various parts of HTML5",  "the new semantic tags, multimedia, microdata, geolocation, offline storage, and more.",
         
        ],

};

Ces informations seront intégrées à la page par modification du DOM.

DOM

var p = document.createElement('p');
p.innerHTML = "<strong> titre = "+ myBook.title + ' ' + myBook.author;
p.innerHTML += '</br> description ' + myBook.infos.join(',');
document.body.appendChild(p);

https://jsbin.com/botave/edit?html,css,js,output