Update script.js

script.js

@@ -1,6 +1,6 @@
 let startTime;
-let endTime;
 let clicks = 0;
+let cps = 0;
 let intervalId;
 
 document.getElementById('start-button').addEventListener('click', startTest);
@@ -9,39 +9,32 @@ function startTest() {
     startTime = new Date().getTime();
     intervalId = setInterval(updateTimer, 1000);
     document.getElementById('start-button').classList.add('active');
-    document.getElementById('start-button').innerHTML = '0';
-    document.getElementById('start-button').disabled = true;
+    document.getElementById('start-button').innerHTML = '';
+    document.getElementById('click-counter').innerHTML = '0';
+    document.addEventListener('click', countClick);
 }
 
 function updateTimer() {
     let currentTime = new Date().getTime();
-    let timeElapsed = Math.floor((currentTime - startTime) / 1000);
-    let timeRemaining = 15 - timeElapsed;
-    let minutes = Math.floor(timeRemaining / 60);
-    let seconds = timeRemaining % 60;
-    document.getElementById('timer').innerHTML = `${minutes}:${seconds.toString().padStart(2, '0')}`;
-    if (timeRemaining <= 0) {
+    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();
     }
 }
 
-function endTest() {
-    endTime = new Date().getTime();
-    clearInterval(intervalId);
-    let totalTime = (endTime - startTime) / 1000;
-    let clicksPerSecond = clicks / totalTime;
-    document.getElementById('total-clicks').innerHTML = `Total Clicks: ${clicks}`;
-    document.getElementById('clicks-per-second').innerHTML = `Clicks Per Second: ${clicksPerSecond.toFixed(2)}`;
-    document.getElementById('start-button').disabled = false;
-    document.getElementById('start-button').innerHTML = 'Start';
-    document.getElementById('start-button').classList.remove('active');
-}
-
-document.addEventListener('click', countClick);
-
 function countClick() {
     clicks++;
-    document.getElementById('start-button').innerHTML = clicks;
-    let clicksPerSecond = clicks / ((new Date().getTime() - startTime) / 1000);
-    document.getElementById('clicks-per-second').innerHTML = `Clicks Per Second: ${clicksPerSecond.toFixed(2)}`;
+    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);
 }