I need the user to have the ability to select a book from my page and deselect it.

I also need to be able to keep an element selected when the user refreshes the page.

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>`

}