如何逐字创建检查器？

Question

如果您正确发音，我如何创建一个单词的发音检查器，下划线和单词将变为绿色。如果它错了，它就会变成红色。 以及如何在此 javascript 上实现语音到文本？？

这是我的 JS 脚本，但没有任何反应：

    let resultTextarea = document.getElementById('result-textarea');
    let speechSynth = window.speechSynthesis;

    function speakText() {
        let textToSpeak = resultTextarea.value;
        let speechMsg = new SpeechSynthesisUtterance(textToSpeak);
        speechSynth.speak(speechMsg);
    }

    function startTest() {
        speakText();
        let recognition = new window.webkitSpeechRecognition();
        recognition.lang = 'en-US';
        recognition.start();
        recognition.onresult = function(event) {
            let spokenText = event.results[0][0].transcript;
            let expectedText = resultTextarea.value;
            if (spokenText === expectedText) {
                alert('Correct!');
            } else {
                alert('Incorrect. Please try again.');
            }
        }
    }

我尝试了某种编码，但我认为不是上面给出的代码。它总是不正确的结果。我什至不明白上面的代码是什么。我只知道，该代码用于语音识别，需要验证第一个网站提供的数据。