Lucky Winner Picker – Troubleshooting & Common Issues

1️⃣ Pick Winner Button Not Working

βœ” Make sure at least one name is added.
βœ” Ensure JavaScript is enabled in your browser.
βœ” Refresh the page (Ctrl + F5).

This usually happens because the browser cached old scripts.

2️⃣ Names Not Adding to the List

βœ” Ensure the input field is not empty.
βœ” Avoid adding only blank spaces.
βœ” Check that JavaScript is not blocked by browser extensions.
βœ” Try typing Enter if the button is unresponsive.

3️⃣ Winner Not Showing After Clicking Pick

βœ” Ensure the name list is not empty.
βœ” Check the DOM element IDs for the winner modal/card.
βœ” Verify the JS function showWinner() is firing after random selection.
βœ” Confirm the modal or winner card is not hidden by CSS.

4️⃣ Confetti or Celebration Animation Not Appearing

βœ” Confirm canvas-confetti is loaded.
βœ” HTTPS is required for some animation scripts.
βœ” Verify the trigger function launchConfetti() is being called after picking a winner.

5️⃣ Names List Not Clearing or Reset Button Not Working

βœ” Check that your reset function clears both the UI and the array storing names.
βœ” Ensure LocalStorage (if used) is also cleared.
βœ” Refresh the page to reset cached values.

6️⃣ Duplicate Names Showing Even After Removal

βœ” Confirm that remove logic updates both the DOM and internal array.
βœ” Use `filter()` or `splice()` properly.
βœ” Try clearing the list and adding names again.

7️⃣ Tool Looks Broken on Mobile Screens

βœ” Ensure the name list container supports wrapping.
βœ” Check responsive CSS like `flex-wrap` and `max-width`.
βœ” Use ``.

8️⃣ Slow Performance When Using Large Lists

βœ” Bulk pasting hundreds of names may slow animations.
βœ” Reduce animation duration or disable confetti.
βœ” Close other heavy browser tabs to improve performance.

πŸ€ Back to Lucky Winner Picker Tool