Update script.js

script.js

@@ -1,40 +1,59 @@
-let startTime;
-let clicks = 0;
-let cps = 0;
-let intervalId;
-
-document.getElementById('start-button').addEventListener('click', startTest);
-
-function startTest() {
-    startTime = new Date().getTime();
-    intervalId = setInterval(updateTimer, 1000);
-    document.getElementById('start-button').classList.add('active');
-    document.getElementById('start-button').innerHTML = '';
-    document.getElementById('click-counter').innerHTML = '0';
-    document.addEventListener('click', countClick);
-}
-
-function updateTimer() {
-    let currentTime = new Date().getTime();
-    let timeElapsed = currentTime - startTime;
-    let secondsRemaining = 15 - Math.floor(timeElapsed / 1000);
-    let minutesRemaining = Math.floor(secondsRemaining / 60);
-    let secondsRemainingDisplay = secondsRemaining % 60;
-    document.getElementById('timer').innerHTML = `${minutesRemaining}:${secondsRemainingDisplay.toString().padStart(2, '0')}`;
-    if (secondsRemaining <= 0) {
-        endTest();
+// script.js
+
+document.addEventListener('DOMContentLoaded', () => {
+    const clickButton = document.getElementById('clickButton');
+    const clickCounter = document.getElementById('clickCounter');
+    const cpsDisplay = document.getElementById('cpsDisplay');
+    const timerElement = document.getElementById('timer');
+
+    let clickCount = 0;
+    let intervalId;
+    let testDuration = 15; // Duration in seconds
+
+    function startTest() {
+        clickCount = 0;
+        clickCounter.textContent = clickCount;
+        cpsDisplay.textContent = 'CPS: 0.00';
+        timerElement.textContent = testDuration;
+
+        clickButton.classList.add('white');
+        clickButton.textContent = clickCount;
+
+        intervalId = setInterval(updateTimer, 1000);
+
+        clickButton.removeEventListener('click', startTest);
+        clickButton.addEventListener('click', recordClick);
+    }
+
+    function updateTimer() {
+        testDuration--;
+        timerElement.textContent = testDuration;
+
+        if (testDuration <= 0) {
+            clearInterval(intervalId);
+            clickButton.classList.remove('white');
+            clickButton.textContent = 'Done';
+            clickButton.removeEventListener('click', recordClick);
+            displayFinalCPS();
+        }
+    }
+
+    function recordClick() {
+        clickCount++;
+        clickCounter.textContent = clickCount;
+        clickButton.textContent = clickCount;
+        updateCPS();
+    }
+
+    function updateCPS() {
+        const cps = clickCount / (15 - testDuration);
+        cpsDisplay.textContent = `CPS: ${cps.toFixed(2)}`;
+    }
+
+    function displayFinalCPS() {
+        const finalCPS = clickCount / 15;
+        cpsDisplay.textContent = `Final CPS: ${finalCPS.toFixed(2)}`;
     }
-}
-
-function countClick() {
-    clicks++;
-    document.getElementById('click-counter').innerHTML = clicks.toString();
-    cps = clicks / (new Date().getTime() - startTime) * 1000;
-    document.getElementById('cps-display').innerHTML = `Clicks Per Second: ${cps.toFixed(2)}`;
-}
-
-function endTest() {
-    clearInterval(intervalId);
-    document.getElementById('cps-display').innerHTML = `Total Clicks Per Second: ${cps.toFixed(2)}`;
-    document.removeEventListener('click', countClick);
-}
+
+    clickButton.addEventListener('click', startTest);
+});