Javascript 静音和取消静音按钮_Javascript_Html_Amazon Web Services

Javascript 静音和取消静音按钮

javascript html amazon-web-services

Javascript 静音和取消静音按钮,javascript,html,amazon-web-services,Javascript,Html,Amazon Web Services,我有两个在amazon connect中执行静音和取消静音的功能。我想知道如何制作一个按钮onclick事件，它在一次单击时执行静音，在另一次单击时执行取消静音？如何在ButtonOnClick中调用两个方法 function muteAgent() { //window.myCPP.agent.mute(); connect.core.getUpstream().sendUpstream(connect.EventType.BROADCAST, { event: connect.EventT

我有两个在amazon connect中执行静音和取消静音的功能。我想知道如何制作一个按钮onclick事件，它在一次单击时执行静音，在另一次单击时执行取消静音？如何在ButtonOnClick中调用两个方法

function muteAgent() 
{
//window.myCPP.agent.mute();
connect.core.getUpstream().sendUpstream(connect.EventType.BROADCAST,
{
event: connect.EventType.MUTE,
data: { mute: true }
});
function unmuteAgent() 
{
//window.myCPP.agent.unmute();
connect.core.getUpstream().sendUpstream(connect.EventType.BROADCAST,
{
event: connect.EventType.MUTE,
data: { mute: false }
});

一个简单的示例，没有实际静音或取消静音的代码。下面是如何实现切换按钮，而不是调用不同的函数

<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>


//你的静音按钮
哑巴
函数myFunction（）{
var x=document.getElementById（“myDIV”）；
如果（x.innerHTML==“静音”）{
x、 innerHTML=“取消静音”；
//静音功能
}否则{
x、 innerHTML=“静音”；
//取消静音功能
}
}

来源：

谢谢你的回答，它确实有帮助：）。但是，如果您想在所有选项卡中保持相同的结果，可以做什么？与不从“静音”更改为“取消静音”相同的结果，而只是保持文本不变？如果是这样，只需删除x.innerHTML=“Unmute”和“mute”的相同名称。