The confetti cdn on the html file was not working thus bringing up a reference error on the javascript file(confetti not defined). This is what caused the names not to be displayed. Therefore, I replaced the cdn link with a working one from the official website.
I also added a canvas on which to display the confetti. The canvas display is set to none but on clicking the 'pick randomly' button, the display is changed to block displaying the confetti.
I also set a timeout for the confetti to change the display back to none after 30 seconds.
Feel free to mess around with the confetti settings as you please
The confetti cdn on the html file was not working thus bringing up a reference error on the javascript file(confetti not defined). This is what caused the names not to be displayed. Therefore, I replaced the cdn link with a working one from the official website.
I also added a canvas on which to display the confetti. The canvas display is set to none but on clicking the 'pick randomly' button, the display is changed to block displaying the confetti.
I also set a timeout for the confetti to change the display back to none after 30 seconds.
Feel free to mess around with the confetti settings as you please