NeedNeed help with my third project about front-end technologies

Code Feedback
1

My project can do the project demands. Show the key on a display, different id’s for every key using Q, W,E,A,S,D,Z,X,C . I also have a div with drum-pad class. And I can click on the div or using a key for play a sound, but I can’t pass theese 2 tests.
5. When I click on a .drum-pad element, the audio clip contained in its child <audio> element should be triggered.
6. When I press the trigger key associated with each .drum-pad, the audio clip contained in its child <audio> element should be triggered (e.g. pressing the Q key should trigger the drum pad which contains the string “Q”, pressing the W key should trigger the drum pad which contains the string “W”, etc.).

what’s exactly the necessary to pass these tests?

I forgot to put my project’s link.My drum-machine project.

2

i was typing asking for your project link :rofl:, challenge : https://www.freecodecamp.org/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine

3

Yeah, I also forgot this. Well, it can be a litle thing but I 'm looking for across of the code and I can’t see what’s the problem with it.

6

I think it require specific HTML tag <audio id="q"> not a created one <Tecla id="q" /> . HTML Audio
and to be honest I have no idea how to change your code to fix it but I hope that helps😅

7

You’re right. I needed to use the audio tag to play my sounds clip and I was using some direct links inside the audio tag.
Thanks for all!

1 Like
8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.