add the chaotic effect

vansh-codes · Oct 21, 2024 · ed98566 · ed98566
1 parent d57a2a8
commit ed98566
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/chaosweb-v@2/index.html b/chaosweb-v@2/index.html
@@ -9,5 +9,28 @@
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
+    <script>
+      // The base title that should not fully change
+      const titleText = "Chaotic Title!";
+      const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()";
+
+      // Function to randomize certain characters only
+      function randomizeTitle() {
+        let chaoticTitle = '';
+        for (let i = 0; i < titleText.length; i++) {
+          // Randomize only certain characters, while leaving others untouched
+          if (titleText[i] !== ' ' && Math.random() > 0.7) {  // Adjust randomness threshold here (0.7)
+            chaoticTitle += characters.charAt(Math.floor(Math.random() * characters.length));
+          } else {
+            chaoticTitle += titleText[i];  // Keep the original character
+          }
+        }
+        // Set the new title in the document
+        document.title = chaoticTitle;
+      }
+
+      // Update the title every 500 milliseconds
+      setInterval(randomizeTitle, 500);
+    </script>
   </body>
 </html>