title: how to add 2 3 songs to website using html javascript
body: <p>I am still newbie
  I'm studying,</p>
  <p>help if you can I don't understand, I want to add 2 3 songs to the site I wrote the code but only 1 song works
  how to make all songs play
  but not simultaneously, but in turn,</p>
  <p>For example
  I am listening to music 1 and then I want to listen to play 2, when I press play 2, play 1 should stop
  how to do it i don't understand can you help in advance thanks
  I'll leave the code</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var mySong = document.getElementById("mySong");
  var icon = document.getElementById("icon");
  
  icon.onclick = function() {
    if(mySong.paused){
        mySong.play();
        icon.src = "img/pause-icon.png";
    }else{
      mySong.pause();
      icon.src = "img/play-icon.jpg";
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;img src="img/play-icon.jpg" alt="" id="icon" width="80"&gt;
  
            &lt;audio id="mySong"&gt;
              &lt;source src="Ганвест - Кайфули.mp3" type="audio/mp3"&gt;
            &lt;/audio&gt;
  
            &lt;img src="img/play-icon.jpg" alt="" id="icon" width="80"&gt;
  
            &lt;audio id="mySong"&gt;
              &lt;source src="Ганвест - Кайфули.mp3" type="audio/mp3"&gt;
            &lt;/audio&gt;</code></pre>
  </div>
  </div>
  </p>