added search bar

templates/calculator.html

@@ -70,16 +70,21 @@
 
 </header>
 <main>
-    <label for="weapon-select">Choose a weapon:</label>
+    <label for="weapon-search"></label>
+    <input type="text" id="weapon-search" placeholder="Search weapons..." onkeyup="filterWeapons()">
+    <br>
+    <label for="weapon-select"></label>
     <select id="weapon-select" name="weapons">
         <option value="">Select a Weapon</option> <!-- This is the placeholder option -->
     </select>
 
-    <label for="operative-select">Pick an Operative</label>
+    <label for="operative-search"></label>
+    <input type="text" id="operative-search" placeholder="Search operatives..." onkeyup="filterOperatives()">
+    <br>
+    <label for="operative-select"></label>
     <select id="operative-select">
         <option value="">Select an operative</option> <!-- This is the placeholder option -->
-    </select>
-
+    </select><br>
 
     <!-- Weapon Stats Display -->
     <div id="weapon-stats"></div>