Necesito que el usuario tenga la capacidad de seleccionar un libro de mi página y deseleccionarlo.

También necesito poder mantener un elemento seleccionado cuando el usuario actualiza la página.

CSS:

 button:focus { background-color: black; color: white; }

JavaScript:

 function renderItemHtml(item) { return `<button><div class="book"><img src="${item.volumeInfo.imageLinks.thumbnail}" class="thumbnails" alt="${item.singleTitle} by ${item.volumeInfo.authors[0]}" /> <div> <h4>${item.volumeInfo.title}</h4> <p><strong>${item.volumeInfo.authors}</strong></p> <h8>${item.volumeInfo.description.slice(0, 140)}</h8> </div> <br> <h8>Pages: ${item.volumeInfo.pageCount}</h8> </div></button>`

}