<div style="margin-bottom: 20px;"> <input type="text" id="searchInput" placeholder="Введите термин для поиска..." style="width: 100%; padding: 10px; font-size: 16px; border: 1px solid #ddd; border-radius: 4px;"> </div> <script> document.getElementById('searchInput').addEventListener('keyup', function() { const searchTerm = this.value.toLowerCase(); const terms = document.querySelectorAll('strong'); terms.forEach(term => { const termParent = term.parentElement; if (term.textContent.toLowerCase().includes(searchTerm)) { termParent.style.display = ''; // Выделите родительский элемент, чтобы сделать его видимым termParent.scrollIntoView(); } else { termParent.style.display = 'none'; } }); // Если поиск очищен, показать все термины if (searchTerm === '') { terms.forEach(term => { term.parentElement.style.display = ''; }); } }); </script>

А

Б

В

Г

Д

Е

Ж

З

И

К

Л

М

Н

О

П

Р

С