静音和取消静音按钮

时间:2020-09-25 11:44:05

标签: javascript html amazon-web-services

我有两个用于在Amazon Connect中执行静音和取消静音的功能。我想知道如何创建按钮onclick事件,该事件在oneclick上执行静音,而在另一个click上取消静音吗?如何在按钮onclick中调用两个方法?

rainfall.2020-01-21.spi1.tif

1 个答案:

答案 0 :(得分:1)

一个简单的示例,其中没有用于实际静音或取消静音的代码。这是实现切换按钮而不是调用不同功能的方法;

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

// your mute button
<p><button onclick="myFunction()" id="myDIV">Mute</button></p>


<script>
function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.innerHTML === "Mute") {
    x.innerHTML = "Unmute";
    // Function to mute
  } else {
    x.innerHTML = "Mute";
 // Function to unmute
  }
}
</script>

</body>
</html>

来源:https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_toggle_text