fix: update Header Text

Author: Anshgrover23

public/index.html

@@ -86,21 +86,13 @@ <h4>Complete <span>(0)</span></h4>
 
         await fetchTodos()
     }
-
-    function updateHeaderText() {
-        const todosLength = todos.length
-        const newString = todos.length === 1 ?
-            `You have 1 open task.` :
-            `You have ${todosLength} open tasks.`
-        header.querySelector('h1').innerText = newString
-    }
-
+    let count;
     function updateNavCount() {
         navElements.forEach(ele => {
             const btnText = ele.innerText.split(' ')[0]
 
             // filter todos in here
-            const count = todos.filter(val => {
+            count = todos.filter(val => {
                 if (btnText === 'All') {
                     return true
                 }
@@ -114,6 +106,13 @@ <h4>Complete <span>(0)</span></h4>
         })
     }
 
+    function updateHeaderText() {
+        const todosLength = todos.length
+        const newString = todos.length === 1 ?
+            `You have 1 open task.` :
+            `You have ${todosLength-count} open tasks.`
+        header.querySelector('h1').innerText = newString
+    }
     function changeTab(tab) {
         selectedTab = tab
         navElements.forEach(val => {