JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div class="music left playbutton" name="believe">Play Believe</div>
<div class="music right pausebutton" name="believe">Pause Believe</div>

<div class="music left playbutton" name="hope">Play Hope</div>
<div class="music right pausebutton" name="hope">Pause Hope</div>
</div>

<div id="button" class="left music">Add items</div>

CSS

.music {
    background-color: #EEEEEE;
    width:200px;
    height:20px;
    margin: 50px;
    border: 1px solid black;
}
.right {
    float: right;
}
.left{
    float: left;
}

JavaScript

$( document ).ready(function() {

    var believe = new Audio('http://www.stephaniequinn.com/Music/Allegro%20from%20Duet%20in%20C%20Major.mp3');
    var hope = new Audio('http://www.stephaniequinn.com/Music/Handel%20Royal%20Fireworks%20-%2007.mp3');
    var feeling = new Audio('http://www.stephaniequinn.com/Music/The%20Irish%20Washerwoman.mp3');
    

    $(".pausebutton").on("click",function(e){
        var song = $(this).attr('name');
        if (song != null && song == "believe") {
            believe.pause();
            alert("believe paused");
        }
        if (song != null && song  == "hope") {
            hope.pause();
            alert("hope paused");
        }
        if (song != null && song  == "feeling") {
            feeling.pause();
            alert("feeling paused");
        }
    });
    $(".playbutton").on("click",function(e){
        var song = $(this).attr('name');
        if (song != null && song  == "believe") {
            believe.play()
            alert("believe played");
        }
        if (song != null && song  == "hope") {
            hope.play();
            alert("hope played");
        }
        if (song != null && song  == "feeling") {
            feeling.play();
            alert("feeling played");
        }
    });

    $('#button').click(function() {
        $('#container').append("<div class='music left playbutton' name='feeling'>Play feeling</div>");
        $('#container').append("<div class='music right pausebutton' name='feeling'>Pause feeling</div>");
    });
});