Add confetti effect on correct guess in number guessing game

JavaScript/raad het getal/raadgetal.js

@@ -10,7 +10,26 @@ function checkGuess() {
         document.getElementById("result").innerText = "Te hoog! Probeer het opnieuw.";
     } else if (guess === targetNumber) {
         document.getElementById("result").innerText = "Gefeliciteerd! Je hebt het juiste getal geraden.";
+        startConfetti();
     } else {
         document.getElementById("result").innerText = "Ongeldige invoer. Voer een getal in tussen 1 en 100.";
     }
 }
+
+function startConfetti() {
+    const confettiContainer = document.createElement('div');
+    confettiContainer.id = 'confetti-container';
+    document.body.appendChild(confettiContainer);
+
+    for (let i = 0; i < 100; i++) {
+        const confetti = document.createElement('div');
+        confetti.className = 'confetti';
+        confetti.style.left = `${Math.random() * 100}vw`;
+        confetti.style.animationDelay = `${Math.random() * 2}s`;
+        confettiContainer.appendChild(confetti);
+    }
+
+    setTimeout(() => {
+        document.body.removeChild(confettiContainer);
+    }, 5000);
+}