First things first, I added the JS to the HTML so I don't have to attach multiple files. Hopefully this helps.

I've been having some trouble running one function that slowly displays a message, waits, then fades out. However, you'll notice when the button is clicked to drop the confetti and display the message, the confetti doesn't stop.

I'm not really experienced with Javascript, I'm still a beginner. But pieced this together to get what I'm looking for as an end result.

What I'd like to happen is when the button is clicked, the message fades in, confetti falls, message fades and confetti stops falling but allows the last bit of confetti to fall until its off screen...

It's probably because I don't understand Javascript to this level yet, but am having a really hard time getting the JS to do what I'm wanting...

Can anyone give me some pointers in my code to help guide me in the right direction?

Thanks!!