add a book count

frontend/files/app.js

@@ -39,6 +39,9 @@ function renderTable(books, sortField) {
   var bookElement = document.getElementById("books");
   bookElement.innerHTML = TableTemplate(books);
 
+  var bookCount = document.getElementById("bookCount");
+  bookCount.innerHTML = `${books.length} books`;
+
   // add listeners for selecting book to view
   Array.from(bookElement.querySelectorAll("tbody tr"))
     .slice(1) // remove header from Array

frontend/files/index.html

@@ -30,6 +30,7 @@
           >git</a
         >
         <div id="searchBox">
+          <span id="bookCount" class="bookCount">_ books</span>
           <input
             id="search"
             type="text"

frontend/files/style.css

@@ -147,6 +147,11 @@ body {
   display: inline;
 }
 
+#header .bookCount {
+  font-size: small;
+  color: #a29c77;
+}
+
 #searchBox {
   position: absolute;
   right: 10px;