My Drum Machine project using Vue

Code Feedback
1

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

Thanks in advance

2

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!

3

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

IMG_20181027_025053
IMG_20181027_025053720Ɨ215 26.1 KB

4

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

1 Like
5

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.

6

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

7

the ā€œmarieā€ sound seems broken.