JSFiddle - React, Tailwind, and code Playground

by Jack_V_V

HTML

<audio id="pl" src="http://good-page-proofs.pe.hu/I/Metallica%20-%20Enter%20Sandman.mp3"></audio>
<audio id="pl2" src="http://good-page-proofs.pe.hu/I/Motorhead%20-%20%20Overkill%20%20(1979)%20-%2008%20-%20Tear%20Ya%20Down.mp3"></audio>
<audio id="pl3" src="http://good-page-proofs.pe.hu/I/Bobby%20Byrd%20-%20Hot%20Pants.mp3"></audio>
<button onclick="document.getElementById('pl').play(); document.getElementById('pl2').pause(); document.getElementById('pl3').pause();">
    1
</button>
<button onclick="document.getElementById('pl').pause(); document.getElementById('pl2').play(); document.getElementById('pl3').pause();">
    2
</button>
<button onclick="document.getElementById('pl').pause(); document.getElementById('pl2').pause(); document.getElementById('pl3').play();">
    3
</button>

CSS

button {
    display: block;
    width: 100px;
    height: 100px;
    background-color: gold
}