EnglishPal/app/static/js/fillword.js

// initialize from localStorage
let isRead = localStorage.getItem('readChecked') !== 'false';  // default to true
let isChoose = localStorage.getItem('chooseChecked') !== 'false';

function getWord() {
    return window.getSelection ? window.getSelection() : document.selection.createRange().text;
}

function fillInWord() {
    let word = getWord();
    if (isRead) Reader.read(word, inputSlider.value);
    if (!isChoose) return;
    //const element = document.getElementById("selected-words");
    let element1 = document.getElementById("selected-words");
    let index = (String)(element1.value).indexOf(word);
    localStorage.setItem("nowWord",element1.value);
    if(index === -1){
        element1.value = element1.value + " " + word;
    }
}

document.getElementById("text-content").addEventListener("click", fillInWord, false);

const sliderValue = document.getElementById("rangeValue");
const inputSlider = document.getElementById("rangeComponent");
inputSlider.oninput = () => {
    let value = inputSlider.value;
    sliderValue.textContent = value + '×';
};

function onReadClick() {
    isRead = !isRead;
    localStorage.setItem('readChecked', isRead);
}

function onChooseClick() {
    isChoose = !isChoose;
    localStorage.setItem('chooseChecked', isChoose);
}

// 如果网页刷新，停止播放声音
if (performance.getEntriesByType("navigation")[0].type == "reload") {
    Reader.stopRead();
}