Automatically focus on the input after searchType selection

* Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus
* No need to pass argument for `preventScroll` parameter since
* this is at the top of the page and next to the search input bar.

script.js

@@ -5,6 +5,7 @@ const input = document.querySelector('input#search');
 // book container
 const bookContainer = document.querySelector('div.books.container');
 const favBtn = document.querySelector('ul.menu li:nth-child(2)');
+const selected = document.querySelector('select');
 
 const userBooks = {
     favorites: [],
@@ -13,13 +14,16 @@ const userBooks = {
 
 input.addEventListener('keydown', handleEvent);
 favBtn.addEventListener('click', handleEvent);
+selected.addEventListener('click', handleEvent);
 
 function handleEvent(event) {
     console.log(event, event.target.localName);
     if (event.key == 'Enter') {
         api.fetchLibrary();
     } else if (event.target.localName == 'li') {
         api.showResults(userBooks.favorites);
+    } else if (event.target.localName == 'select') {
+        input.focus();
     }
 }