Загрузить файлы в «/»

main.js

@@ -0,0 +1,46 @@
+function createParticles(containerSelector, count = 60, baseHue = 180) {
+    const container = document.querySelector(containerSelector);
+    for (let i = 0; i < count; i++) {
+        const particle = document.createElement('div');
+        particle.classList.add('particle');
+
+        const size = Math.random() * 8 + 2;
+        const posX = Math.random() * 100;
+        const posY = Math.random() * 100;
+        const duration = Math.random() * 5 + 5;
+        const variation = Math.random() * 10 - 5;
+
+        particle.style.background = `hsl(${baseHue + variation}, 100%, 50%)`;
+        particle.style.width = size + 'px';
+        particle.style.height = size + 'px';
+        particle.style.left = posX + '%';
+        particle.style.top = posY + '%';
+        particle.style.animationDuration = `${duration}s`;
+
+        container.appendChild(particle);
+    }
+}
+
+createParticles('.particles', 60, 180);
+
+const hitButton = document.getElementById('hitButton');
+const audio = document.getElementById('winxAudio');
+
+hitButton.addEventListener('click', () => {
+    if (audio.paused) {
+        audio.play();
+        hitButton.classList.add('playing');
+        hitButton.textContent = 'БОЛЬШЕ НЕ СЛУШАТЬ ХИТ 2007';
+    } else {
+        audio.pause();
+        audio.currentTime = 0;
+        hitButton.classList.remove('playing');
+        hitButton.textContent = 'СЛУШАТЬ ХИТ 2007';
+    }
+});
+
+audio.addEventListener('ended', () => {
+    hitButton.classList.remove('playing');
+    hitButton.textContent = 'СЛУШАТЬ ХИТ 2007';
+    audio.currentTime = 0;
+});