JSFiddle - React, Tailwind, and code Playground

HTML

<audio id="sound-1">
    <source src="http://angelaandtom.co.uk/lib/audio/01 I tried to tell you.mp3"></source>
    <source src="http://angelaandtom.co.uk/lib/audio/01 I tried to tell you.oggvorbis.ogg"></source>
	Your browser isn't compatible.
</audio>

<div id="one" class="bar1"><i>I tried to tell you</i></div>

CSS

.bar1 {
    width: 300px;
    height: 20px;
    background-color: yellow;
}

JavaScript

$("#one").click(function () {
    $('#sound-1').get(0).play();
});