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.