Javascript中的responsiveVoice API If语句不起作用

如何解决Javascript中的responsiveVoice API If语句不起作用

我已经尝试让我的代码与responsivevoice API 一起工作，但由于某种原因，它工作正常。它适用于“onclick”，但不适用于 if 语句。我究竟做错了什么？一切在我看来都是正确的，但它行不通。代码如下所示。

function record() {
 var recognition = new webkitSpeechRecognition();
 recognition.lang = "en-GB";
 recognition.start();
 recognition.onresult = function(event) {
   let transcript = event.results[0][0].transcript;
var str = transcript;
if (str.includes('test')) {
  responsivevoice.speak('This works!');
}
    document.getElementById('speechToText').value = event.results[0][0].transcript;
  }
}

<!DOCTYPE html>
<html lang="en">
<head>
   <Meta charset="UTF-8">
   <Meta name="viewport" content="width=device-width,initial-scale=1.0">
   <Meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
</head>
<body>
   <label for="Speech Recognition">Speech Recognition</label>
   <input type="text" name="" id="speechToText" placeholder="Speak Something" disabled="disabled">
   <button onclick="record()">Record</button>
   <p id="output"></p>
   <script src='https://code.responsivevoice.org/responsivevoice.js'></script>
   <script src="script.js"></script>
</body>
</html>

感谢您的帮助。我真的很感激。