JSFiddle - React, Tailwind, and code Playground

HTML

<button id="range-b">Range</button>

<audio src="http://areweplayingyet.herokuapp.com/sounds/short.ogg" id="range"></audio>

<button id="no-range-b">No range</button>

<audio src="http://areweplayingyet.com/sounds/short.ogg" id="no-range"></audio>

JavaScript

function playstop(id) {
    var a = document.getElementById(id);
    if(a.paused) {
        a.play();
    } else {
        a.pause();
        a.currentTime = 0;
    }
}

$("#range-b").click(function() { playstop("range"); });
$("#no-range-b").click(function() { playstop("no-range"); });