Replay audio every time a button is clicked - Javascript and HTML

Question

I want the audio to repeat from the beginning every time the button is pressed. Instead it only repeats after the audio has finished. (NOTE: I am using JSX)

Javascript

playShot() {
    var audio = document.getElementById('shot');
    audio.play();
}

HTML

<a onClick={() => this.playShot()} style={{zIndex: 5}} id="gat"><img src={gate2}/></a>

Answer 1

Change the property currentTime of the element audio.

playShot() {
    let audio = document.getElementById('shot');
    audio.currentTime = 0
    audio.play(); // É opcional caso o play já esteja em execução.
}