js complete to hide error msg on changed user input

src/apps/dashboard/static/apps/scripts/dashboard.js

@@ -1,10 +1,9 @@
 console.log("apps/scripts/dashboard.js loading");
-const initialize = (inputSelector, errorSelector) => {
+const initialize = (inputSelector) => {
     console.log("initialize called!");
     const textInput = document.querySelector(inputSelector);
     textInput.oninput = () => {
         console.log("oninput triggered");
-        const errorMsg = document.querySelector(errorSelector);
-        errorMsg.style.display = "none";
+        textInput.classList.remove("is-invalid");
     };
 };

src/templates/core/base.html

@@ -53,7 +53,9 @@
 
     <script src="/static/apps/scripts/dashboard.js"></script>
     <script>
-        initialize("#id_text", ".invalid-feedback");
+        window.onload = () => {
+            initialize("#id_text");
+        };
     </script>
 
 </html>