如何使用香草 javascript 中的一个切换按钮调用 2 个不同的 function

Question

我正在使用 annyang.js 进行语音识别，它有 2 个不同的功能，用于启动annyang.start()和用于停止annyang.abort()现在我如何制作一个可以触发这两个功能的切换按钮？

我的代码

<div class="action" onclick="actionToogle()">

JS

<script>
    function actionToogle() {
      var action = document.querySelector(".action");
      action.classList.toggle("active",annyang.start());
    }
  </script>

目前它刚刚开始通过annyang.start()进行识别，但我希望每当我单击按钮时，识别将被annyang.abort()停止

Answer 1

您可以检查动作是否有活动 class 可以启动，或者如果没有，您可以停止。

function actionToogle() {
  var action = document.querySelector(".action");
  action.classList.toggle("active", );
  
  if (action.classList.contains("active")) {
    // annyang.start();
    console.log("Started");
  } else {
    // annyang.abort();
    console.log("Stop");
  }

}