[#229][Crum/Search] Better Responsiveness.

- Focus on the search box at the very beginning, before loading the
  index.
- Trigger the function with the page load event as well, so it will be
  there if a user, for example, visits another page and then goes back.

site/data/build/xooxle.js

@@ -1,5 +1,6 @@
 'use strict';
 const searchBox = document.getElementById('searchBox');
+searchBox.focus();
 const fullWordCheckbox = document.getElementById('fullWordCheckbox');
 const regexCheckbox = document.getElementById('regexCheckbox');
 const resultTable = document.getElementById('resultTable').querySelector('tbody');
@@ -187,4 +188,4 @@ searchBox.addEventListener('input', handleSearchQuery);
 searchBox.addEventListener('keypress', handleSearchQuery);
 fullWordCheckbox.addEventListener('click', handleSearchQuery);
 fullWordCheckbox.addEventListener('click', handleSearchQuery);
-searchBox.focus();
+window.addEventListener('load', handleSearchQuery);

site/xooxle.ts

@@ -1,4 +1,5 @@
 const searchBox = document.getElementById('searchBox') as HTMLInputElement;
+searchBox.focus();
 const fullWordCheckbox = document.getElementById('fullWordCheckbox') as HTMLInputElement;
 const regexCheckbox = document.getElementById('regexCheckbox') as HTMLInputElement;
 const resultTable = document.getElementById('resultTable')!.querySelector('tbody')!;
@@ -224,5 +225,4 @@ searchBox.addEventListener('input', handleSearchQuery);
 searchBox.addEventListener('keypress', handleSearchQuery);
 fullWordCheckbox.addEventListener('click', handleSearchQuery);
 fullWordCheckbox.addEventListener('click', handleSearchQuery);
-
-searchBox.focus();
+window.addEventListener('load', handleSearchQuery);