背景音のミュート/ミュート解除ボタン

Question

人。これを私に説明してください。 自分のページのミュート/ミュート解除ボタンを1つ作成したかったのです。だからここ 私が初めて使用されるコード（オーディオが自動的に起動します）：

<script> 
 
var sound = getElementById (‘background_sound’); 
 
     function mute(){ 
 
      if(background_audio.muted == false){ 
 
      background_audio.muted = true; 
 
      } else { 
 
      background_audio.muted = false; 
 
      } 
 

 
} 
 
</script>

をしかし、それは動作しませんでした。だから私は最初の行（これはvarを意味する）を削除し、IDを直接扱った。そしてそれは働いた。今、私のHTMLは次のようになります。質問は、私は同上に対処する方法である。この

<script> 
 

 
     function mute(){ 
 
      if(background_audio.muted == false){ 
 
      background_audio.muted = true; 
 
      } else { 
 
      background_audio.muted = false; 
 
      } 
 

 
} 
 
</script>

よう

<audio id="background_audio" autoplay="true" loop="loop"> 
 
      <source src="Audio/flute.mp3"> 
 
If you are reading this, it is because your browser does not support the audio element. 
 
</audio> 
 

 
<button onclick="mute()"> 
 
     <i class="fa fa-music"></i></button>

とJavaScriptを直接変数を作成せず？それはうまく動作しますが、後でコードに問題はありますか？私はちょうど私が働くためにこれをvarに割り当てる必要があると思った。少し混乱している。

Answer 1

が、これは

<script> 

      function mute(){ 
       if(document.getElementById('background_audio').muted == false){ 
       document.getElementById('background_audio').muted = true; 
       } else { 
       document.getElementById('background_audio').muted = false; 
       } 

    } 
    </script>