Does anyone have any suggestions for how to debug?
( I decided to do all front end projects in JS, then again with a framework to ensure I digest the basic JS involved, although React has been fun, so far)
I got the drum machine working with vanilla JS (yay!) , but it doesn’t pass tests, 4, 5, 6, and 7.
Playback works fine in Firefox. But when I tried to use the drum machine in Chrome, no sound plays at all. In the code pen console, the playClip() function fires, but no clip gets played. In the Chrome console, I only see this when I try to press one of the keys:
Uncaught (in promise) DOMException: The element has no supported sources. (anonymous) @ pen.js:12
Can anyone help me understand what is happening? I’ve researched the audio element, the event bubbling, and keydown methods, but to no avail.