| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <title>BDLG Planning 2022</title>
- <style>
- {% include "stylesheet.css" %}
- </style>
- </head>
- <body>
- <div class="formcontrol home-search">
- <label class="formcontrol-label" for="search">Cherche ton prénom</label>
- <div class="formcontrol-control">
- <input class="input" type="text" id="search" />
- </div>
- </div>
- <ul class="" id="links">
- {%- for name, link in links %}
- <li class="link-item">
- <a href="./{{ link }}">{{ name }}</a>
- </li>
- {%- endfor %}
- </ul>
- <script>
- const input = document.getElementById("search");
- const link_list = document.getElementById("links").children;
- var changeListener = (evt) => {
- const text = input.value.toLowerCase();
- for (let node of link_list) {
- if (node.innerText.toLowerCase().includes(text)) {
- node.classList.remove("hide");
- } else {
- node.classList.add("hide");
- }
- }
- };
- input.addEventListener("input", changeListener);
- </script>
- </body>
- </html>
|
