Как сделать живой поиск по странице среди всех ссылок на native JS?

Question

[Виталий]

Всем привет, решаю задачу, учусь разрабатывать на JS, необходимо создать поиск, результат в виде выпадающего списка и подсветить найденные элементы.


Пока смог реализовать поиск нужного элемента и скрыть остальные.подскажите как решить полностью задачу.
мой код

Answer 1

[WbICHA]

учусь разрабатывать на JS

подскажите как решить полностью задачу

Отличное начинание, так держать. Серьёзно, ты написал 10 строк кода и уже всё, идеи кончились?

Но подсказать таки не сложно: заходишь на вики, используешь поиск, жмёшь ф12 и смотришь как там реализовано отображение. Копируешь. Усё.

Comments

[Виталий]

Насколько я понимаю там реализовано через php а не JS, стили да можно посмотреть

Answer 2

[sergski]

Далее, чтобы подсветить вам нужно:

1. получить длинну let pos = value.length;
   
2. в ваш цикл forEach в условии совпадения взять подстроку из elem от 0 до pos и записать в переменную
   
3. обернуть значение этой переменной в span
   
4. взять подстроку из elem от pos до конца строки и записать в переменную
   
5. сложить эти две переменные и присвоить elem
   
6. добавить в css a > span {background: yellow}
   

Comments

[Виталий]

спасибо)