My Drum Machine project using Vue

Hey, all here is my Drum Machine project, built with the Vue framework, feed back would be greatly appreciated.

Thanks in advance

Looks awesome!! I’m trying to do mine in vue as well. Just having trouble with the last test. It runs correctly, just won’t pass the test.

Your design is really unique and looks great!

Really nice drum machine. But I found a little thing that could be better:

Thanks for pointing that out, I fixed it with a little parseInt method

1 Like

Hi, Thanks for your comments, like you I had issues with the last test ,
I was not able to have the test pass using the vue way to display the audio description. What worked for me was, From the event listener function, I had to use the regular
‘document.querySelector(‘your element’).textContent = audioName’ in order to have the test pass.

7. When a .drum-pad is triggered, a string describing the associated audio clip is displayed as the inner text of the #display element (each string must be unique). I hope it helps.

Same thing worked for me! Doing these projects in Vue has been a lot easier for me, but getting them to pass the test cases is a little harder. My calculator took a ton of effort. It was working fine, but for some reason, the test cases didn’t like it haha

the “marie” sound seems broken.