How to fix audio.play() is not a function

Question

I can't see why it doesn't work.It seems all fine

const button = document.querySelector('.play');
const alarm = document.getElementById('alarm');



button.addEventListener('click',function(){
   alarm.play();
})

this is the html :

        <audio id="alarm">
            <source src="sound/Wecker-sound.mp3">
        </audio>

Answer 1

Not a better answer. This is for when I search SO in a year: I got the 'audio.play() is not a function' error because I was accidentally creating a malformed object that didn't have the right properties (stupidity with renaming props being passed in React*), so JS choked trying to process the command. As soon as I fixed that and provided the proper file source, error went away.

*Original array of audio files had this.state keys like 'url' and 'id', but when i iterated over the array, i did dumb crap like , but then when building the actual based on that, I was still trying to use 'url' and 'id' instead of the newly renamed props 'clip' and 'clipId'. I'm rambling, but it took me way too long to get this stuff worked out, and figure out my errors (and near as I can tell, I can probably get rid of a layer of props passing... refactoring to follow once its all up and running).