JS Lab 3

INFO-3168 (JS 2)/Labs/Lab 3/index.html

@@ -9,9 +9,9 @@
     <body>
         <h1>Student Performance Analytics Dashboard</h1>
         <input type="text" placeholder="Search By Name" id="nameSearch">
-        <label for="minimumGrade">Minimum Grade:</label>
-        <input type="range" min="0" max="100" name="minimumGrade" id="minimumGrade">
-        <button type="button">Toggle Theme</button>
+        <label for="minimumGrade">Minimum Grade: <span id="gradeValue">50</span></label>
+        <input type="range" min="0" max="100" value="50" name="minimumGrade" id="minimumGrade">
+        <button type="button" id="themeToggle">Toggle Theme</button>
 
         <table id="studentTable">
             <thead>
@@ -31,10 +31,5 @@
             <h2>Summary</h2>
         </div>
         <script type="module" src="main.js"></script>
-        <script type="module" src="data.js"></script>
-        <script type="module" src="analytics.js"></script>
-        <script type="module" src="utils.js"></script>
-        <script type="module" src="ui.js"></script>
-        <script type="module" src="theme.js"></script>
     </body>
 </html>