Colour addition

rliao569 · Mar 20, 2024 · aa5d075 · aa5d075
1 parent 86bb616
commit aa5d075
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/ml-frontend.md b/ml-frontend.md
@@ -71,7 +71,6 @@
         .confetti {
             width: 10px;
             height: 10px;
-            background-color: #f39c12;
             position: absolute;
             top: 0;
             animation: confetti-fall linear 4s infinite;
@@ -162,10 +161,19 @@ function createConfetti() {
         confetti.className = 'confetti';
         confetti.style.left = Math.random() * window.innerWidth + 'px';
         confetti.style.animationDelay = Math.random() * 4 + 's';
+        confetti.style.backgroundColor = getRandomColor();
         document.body.appendChild(confetti);
     }
 }
+function getRandomColor() {
+    var letters = '0123456789ABCDEF';
+    var color = '#';
+    for (var i = 0; i < 6; i++) {
+        color += letters[Math.floor(Math.random() * 16)];
+    }
+    return color;
+}
 document.getElementById("checkCompatibility").addEventListener("click", makePrediction);
 </script>
 </body>
-</html>
+</html>