Common.js : Différence entre versions

Version du 23 janvier 2024 à 12:37

console.log("it's tiiiiiime");

var snowflakes = ["❄", "❅", "flocon2neige"];
//var snowflakes = ["E", "R", "G"];

      function createSnowflake() {
        var snowflake = document.createElement('div');
        snowflake.className = 'snowflake';
        snowflake.innerHTML = snowflakes[Math.floor(Math.random() * snowflakes.length)];
        snowflake.style.left = Math.floor(Math.random() * (document.documentElement.clientWidth || document.body.clientWidth)) + 'px';
        snowflake.style.top = '0';

        document.body.appendChild(snowflake);

        setTimeout(function () {
          document.body.removeChild(snowflake);
        }, 5000);
      }

      function animateSnowflakes() {
        var snowflakes = document.getElementsByClassName('snowflake');
        var iterationCount = 0;

        function animate() {
          for (var i = 0; i < snowflakes.length; i++) {
            var snowflake = snowflakes[i];
            snowflake.style.top = '0';
            void snowflake.offsetWidth; // Trigger reflow
            snowflake.style.top = '100vh'; // Set the end position
          }

          iterationCount++;
          if (iterationCount >= 20) {
            clearInterval(animationInterval);
          }
        }

        var animationInterval = setInterval(animate, 500); // Reset the animation every 5000 milliseconds
      }

      function generateSnowflakes() {
        for (var i = 0; i < 20; i++) { // Create initial snowflakes
          createSnowflake();
        }

        setInterval(createSnowflake, 50); // Create a new snowflake every 500 milliseconds
        animateSnowflakes();
      }

      generateSnowflakes();


function findAndReplaceInH1() {
        var h1Elements = document.getElementsByTagName('h1');

        for (var i = 0; i < h1Elements.length; i++) {
            var h1Element = h1Elements[i];

            if (h1Element.hasChildNodes()) {
                findAndReplace(h1Element);
            } else {
                // Replace occurrences of "erg" with "eeeergggg" in text content
                h1Element.innerText = h1Element.innerText.replace(/erg/g, 'eeeergggg');
            }
        }
    }

    // Function to perform find and replace in a given element
    function findAndReplace(element) {
        if (element.hasChildNodes()) {
            element.childNodes.forEach(findAndReplace);
        } else if (element.nodeType === Node.TEXT_NODE) {
            // Replace occurrences of "erg" with "eeeergggg" in text content
            element.nodeValue = element.nodeValue.replace(/eeerrrggg 🤮/g, 'eeerrrggg 🤮');
        }
    }

    // Call the function to perform find and replace in h1 elements
    findAndReplaceInH1();
   //test switch button
var button = document.createElement("button"); 
button.id = "themebutt"; // Définit l'ID du bouton
button.innerHTML = "Change theme"; 
// Ajoute le bouton à l'élément body de la page
document.body.appendChild(button);
var theme = 1;
document.getElementById("themebutt").addEventListener("click", function() {
if(theme = 1){
document.body.style.backgroundColor = "black";
theme = 0
}    
if (theme = 0) {
document.body.style.backgroundColor = "white";
}
});