$(window).on('load', () => { var synth = window.speechSynthesis; var inputForm = document.querySelector('form'); var inputTxt = document.querySelector('.txt'); var voiceSelect = document.querySelector('select'); var pitch = document.querySelector('#pitch'); var pitchValue = document.querySelector('.pitch-value'); var rate = document.querySelector('#rate'); var rateValue = document.querySelector('.rate-value'); var voices = []; context.nosleep_timer = null; context.ui = { voice_settings_div: $('.voice-settings'), voice_select: $('.voice-select'), status_pre: $('.status'), books_select: $('.screen .widget select[name=book]'), current_sentence_input: $('.screen .widget input[name=current-sentence]'), total_sentences_input: $('.screen .widget input[name=total-sentences]'), read_aloud: $('.screen .widget input[name=read-aloud]'), add_book: $('.screen .widget input[name=add-book]'), debug: $('.screen .widget input[name=debug]'), }; context.update_books = () => { context.ui.books_select.empty(); window.context.books.map( (o, i) => $('