School Commit Init

2024-08-31 12:07:21 +03:00
commit 0b130ee18c
2801 changed files with 4720552 additions and 0 deletions
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <input type="text" id="editable-combo-box" placeholder="Type or select an option">
+    <select id="dropdown" >
+        <option value="Dog">Dog</option>
+        <option value="Cat">Cat</option>
+        <option value="Bird">Bird</option>
+        <option value="Fish">Fish</option>
+        <option value="Rabbit">Rabbit</option>
+        <option value="Snake">Snake</option>
+        <option value="Elephant">Elephant</option>
+        <option value="Lion">Lion</option>
+        <option value="Tiger">Tiger</option>
+        <option value="Giraffe">Giraffe</option>
+        <option value="Monkey">Monkey</option>
+        <option value="Horse">Horse</option>
+        <option value="Cow">Cow</option>
+        <option value="Pig">Pig</option>
+        <option value="Sheep">Sheep</option>
+        <option value="Goat">Goat</option>
+        <option value="Bear">Bear</option>
+        <option value="Deer">Deer</option>
+        <option value="Wolf">Wolf</option>
+        <option value="Fox">Fox</option>
+        <option value="Eagle">Eagle</option>
+        <option value="Owl">Owl</option>
+        <option value="Dolphin">Dolphin</option>
+        <option value="Shark">Shark</option>
+        <option value="Whale">Whale</option>
+        <option value="Octopus">Octopus</option>
+        <option value="Crab">Crab</option>
+        <option value="Penguin">Penguin</option>
+        <option value="Kangaroo">Kangaroo</option>
+        <option value="Koala">Koala</option>
+        <option value="Panda">Panda</option>
+        <option value="Gorilla">Gorilla</option>
+        <option value="Zebra">Zebra</option>
+        <option value="Rhino">Rhino</option>
+        <option value="Hippo">Hippo</option>
+        <option value="Camel">Camel</option>
+        <option value="Lizard">Lizard</option>
+        <option value="Frog">Frog</option>
+        <option value="Turtle">Turtle</option>
+        <option value="Alligator">Alligator</option>
+        <option value="Crocodile">Crocodile</option>
+        <option value="Seal">Seal</option>
+        <option value="Otter">Otter</option>
+        <option value="Polar Bear">Polar Bear</option>
+        <option value="Raccoon">Raccoon</option>
+    </select>
+    <script src="./script.js"></script>
+</body>
+</html>
@@ -0,0 +1,24 @@
+function filterOptions() {
+    var value = document.getElementById("editable-combo-box").value;
+    var select = document.getElementById("dropdown");
+    if(select === null) {
+        return;
+    }
+    var options = select.options;
+    for (var i = 0; i < options.length; i++) {
+      if (options[i].value.toLowerCase().indexOf(value.toLowerCase()) !== -1) {
+        options[i].style.display = "";
+      } else {
+        options[i].style.display = "none";
+      }
+    }
+    
+
+  }
+  
+  // Event listener to update input field when option is selected
+  document.getElementById("dropdown").addEventListener("change", function() {
+    document.getElementById("editable-combo-box").value = this.value;
+  });
+
+  document.getElementById("editable-combo-box").addEventListener("input", ()=> {filterOptions()});