diff --git a/index.html b/index.html index 781cb12..0c1d3cf 100644 --- a/index.html +++ b/index.html @@ -78,13 +78,13 @@
Number of keys:
+Number of key(s):
Keys copied to clipboard!
diff --git a/script.js b/script.js index 34e5ded..66d2601 100644 --- a/script.js +++ b/script.js @@ -168,6 +168,7 @@ document.addEventListener('DOMContentLoaded', () => { keyCountGroup.classList.remove('hidden'); startBtn.classList.remove('hidden'); + keyCountLabel.classList.add('hidden'); // Smooth scroll to the key count group keyCountGroup.scrollIntoView({ behavior: 'smooth', block: 'center' }); @@ -190,9 +191,10 @@ document.addEventListener('DOMContentLoaded', () => { // Hide the form sections document.querySelector('.grid-container').style.display = 'none'; - keyCountGroup.style.display = 'none'; + keyCountGroup.classList.add('hidden'); - keyCountLabel.innerText = `Number of keys: ${keyCount}`; + keyCountLabel.classList.remove('hidden'); + keyCountLabel.innerText = `Number of key(s): ${keyCount}`; progressBar.style.width = '0%'; progressText.innerText = '0%'; @@ -207,11 +209,10 @@ document.addEventListener('DOMContentLoaded', () => { let progress = 0; const updateProgress = (increment, message) => { - progress += increment; - progressBar.style.width = `${progress}%`; - progressText.innerText = `${progress}%`; + progress = Math.min(100, Math.round(progress + increment)); + progressBar.style.width = progressText.innerText = `${progress}%`; progressLog.innerText = message; - }; + }; const generateKeyProcess = async () => { const clientId = generateClientId();