javascript - クリックするたびにテキスト間を切り替える

Question

$("#mute").click(function(){
        $("#audioplayer")[0].muted = $("#audioplayer")[0].muted; 
        $("#message").text("Volume muted");
    })

私が達成する必要があるのは、ユーザーが「ミュート」ボタンをもう一度クリックすると、ミュートではなく「ボリュームアンミュート」という別のメッセージが表示されることです。ユーザーがもう一度クリックすると、ミュートに戻ります。

Answer 1

次を試してください

(function() {
  var muted = false;
  $("#mute").click(function(){
    muted = !muted;
    $("#audioplayer")[0].muted = muted;

    var msg = muted ? "Volume muted" : "Volume unmuted";
    $("#message").text(msg);
  });
})();

Answer 2

私はこのように私を試してみます：

var playerIsMuted = false;

$("#mute").click(function(){
   if (playerIsMuted){
       $("#audioplayer")[0].muted = false;
       $("#message").text("Volume unmuted");
   }else{
       $("#audioplayer")[0].muted = true;
       $("#message").text("Volume muted");
  }
  playerIsMuted = !playerIsMuted;
})

グローバル変数の代わりに、プレーヤーオブジェクトにアタッチされた属性の方が優れている場合があります。

お役に立てれば！