Задание: Доработка сайтов. Статичная страница HTML + JS (Дистанционная работа)

На данный момент у нас есть страница, написанная на php: http://price.6030.ru/ На этой странице есть скрытое текстовое поле с фокусом на нем. Если, находясь на странице, ввести какую-нибудь последовательность, соответствующую штрихкоду, например 4680506039740, а потом нажать Enter (именно так работают сканеры штрихкодов), то страница отобразит информацию о товаре: http://price.6030.ru/?shtrih=4680506039740 http://price.6030.ru/?shtrih=4657785883302 Так мы работали довольно долго, но в связи с регулярными проблемами с интернетом, мы столкнулись с тем, что иногда не бывает связи с сервером (интернетом). Поэтому приняли решение реализовать функционал на статическом HTML и JavaScript. При запуске страницы компьютер должен скачать страницу и базой из 37400 строк и весом ~5,6 мегабайт. Укороченный пример этих строк во вложении. JavaScript на компьютере пользователя должен найти строку, содержащую строку типа:

и отобразить содержимое строки из файла как здесь: http://price.6030.ru/?shtrih=4680506039740, при этом фокус должен сохраниться на невидимом текстовом поле, а через 8 секунд снова отобразить это: http://price.6030.ru/ Почему фокус нужно сохранить на невидимом текстовом поле? Чтобы пользователю не приходилось ждать 8 секунд, чтобы посмотреть информацию о другом товаре. Страница не должна перезагружаться при поиске или отображении информации о товаре или начального экрана.