Estou tentando consumir a api do Google Books, e ainda está um tanto confuso,
criando os elementos por javascript usando appendChild() aparece esse erro:
Uncaught (in promise) TypeError: Cannot read property 'appendChild' of null
async function fetchBooks(url) {
const responseBooks = await fetch(url);
const jsonBooks = await responseBooks.json();
const main= document.querySelector('#books');
jsonBooks.items.forEach(item => {
const imageBooks= createBook(item);
main.appendChild(imageBooks)
});
}
function createBook(item) {
let thumb = item.volumeInfo.imageLinks.thumbnail;
const image= document.createElement('img');
image.setAttribute('src', thumb)
}
fetchBooks('https://www.googleapis.com/books/v1/volumes?q=HARRY%20POTTER');
