Drum Machine - code works but FCC won't accept

Hello dear FreeCodeCampers!

Tell us what’s happening:

I’m confused. My React project ‘Drum Machine’ works, but FCC tells me no sound is playing when hitting the key ‘q’. It does though.

Maybe I did some weird React? Can somebody tell me if so?

Thanks! :slight_smile:

Your code so far

https://codepen.io/dhubgrob/pen/yLVvXYw

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.66 Safari/537.36.

Challenge: Build a Drum Machine

Link to the challenge:

Which url did you submit on project page? It’s supposed to be the Full Page View from the codepen.

Hi, thanks for your answer!

Same problem with the full page view:
https://codepen.io/dhubgrob/full/yLVvXYw

I submitted this url originally :
https://codepen.io/dhubgrob/pen/yLVvXYw

Oh, I misunderstood your problem.

Seems like there might be two causes, one is that drum pads are not in the expected order. And the second one is having keypress events for the lowercase letters, while test is checking uppercase.

It works ! Thanks a lot !