Así que tengo una API de Google Books para buscar libros. Tengo una barra de búsqueda que permite buscar libros escribiendo cualquier información sobre ellos y pasarla para que funcione como consulta:

 function searchBook(query){ const url = BASE_URL + `${query}` + '&' + API_KEY; fetch(url) .then(res => res.json()) .then(books => showBooks(books.items)); }

Pero ahora quiero hacer una ul que muestre diferentes categorías de libros, y cuando hago clic en una de las li, muestra libros de esta categoría determinada. Imagen con categorías ul:

Código Javascript para seleccionar categorías al hacer clic en li:

 const list = document.getElementById('list'); const li = list.querySelectorAll('li'); for (let i = 0; i < li.length; i++) { li[i].addEventListener("click", e =>{ e.target.innerHTML == "Fiction" ? searchBook('subject:fiction') : console.log('doesnt work'); }) }

Pero por alguna razón no pasa nada, los libros no se muestran y la consola está vacía, y tampoco hay errores.