time-commit (#758)

Avdhesh-Varshney · Aug 8, 2024 · 9192223 · 9192223
1 parent 4e47bb0
commit 9192223
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/Vanilla-JS-Projects/Basic/Word-Counter/index.html b/Vanilla-JS-Projects/Basic/Word-Counter/index.html
@@ -19,6 +19,7 @@ <h1>Word Counter</h1>
                 <h2>Count Results</h2>
                 <p id="word-count">Words: 0</p>
                 <p id="letter-count">Characters: 0</p>
+                <p id="read-time">Reading time: 0</p>
             </div>
         </div>
     </div>

diff --git a/Vanilla-JS-Projects/Basic/Word-Counter/script.js b/Vanilla-JS-Projects/Basic/Word-Counter/script.js
@@ -8,10 +8,15 @@ document.getElementById('count-button').addEventListener('click', () => {
 
   const wordCount = countWords(text);
   const letterCount = countLetters(text);
-
+  const read = getTime(wordCount);
+  const readTime = read*60;
   document.getElementById('word-count').textContent = `Words: ${wordCount}`;
   document.getElementById('letter-count').textContent = `Character: ${letterCount}`;
-
+  if((readTime)<60){
+    document.getElementById('read-time').textContent = `Reading time: ${readTime} secs`;
+  }else{
+    document.getElementById('read-time').textContent = `Reading time: ${Math.floor(readTime/60)}:${Math.floor(readTime%60)} mins`;
+  }
   document.getElementById('results').classList.remove('hidden');
 });
 
@@ -22,4 +27,6 @@ function countWords(text) {
 function countLetters(text) {
   return text.replace(/\s+/g, '').length;
 }
-
+function getTime(count){
+  return (count/250);
+}
diff --git a/Vanilla-JS-Projects/Basic/Word-Counter/style.css b/Vanilla-JS-Projects/Basic/Word-Counter/style.css
@@ -69,7 +69,7 @@ h1 {
 }
 
 .container {
-  margin-top: 100px;
+  margin-top: 50px;
   margin-left: 450px;
   background: rgba(255, 255, 255, 0.1);
   padding: 20px;