Отличный поиск, спасибо автору, ток ньюанс в том что при поиске идёт учет регистра , но если в методе search - (val) заменить на (RegExp(val,"gi")), то всё будет тип топ)Может кому то понадобится). Автору видеоб лайк!

Доброе утро, Александр. Ваши уроки просто море удовольствия. Всегда просто и понятно. С Вами и JS не страшен :)

Спасибо большое(еще не досмотрел видео), но уже хочу написать благодарность, потому что уже ответили на мои главные вопросы по этой задаче!

Спасибо, Алекс! По Вашим урокам очень подтянул знания в области как фронта, так и бэка!

Александр, вы очень мне помогли с моим учебным проектом. Просто Большое спасибо!

Дякую за ваші відео! Все дуже зрозуміло і легко сприймається інформація!

Спасибо, очень полезно. Давно хотел реализовать поиск на сайте, но выдавали кучу js кода в котором путаешься, а тут все понятно и по полочкам.

Отличный урок! Спасибо огромное! Александр, а не могли бы Вы, сделать поиск + небольшой фильтр с помощью регулярных выражений. Думаю аудитория поддержит эту идею)

Спасибо Вам, Александр! Всё четко и без воды)

Искал везде, но только у вас на канале нашёл. И все понятно объясняете. Спасибо огромное!!!🔥👍👍

Лайк не глядя)всегда годные уроки)

Спасибо за ваши уроки! Всегда мотивируете учить JS.

Очень понравилось решение) ждем побольше решений для интеренет-магазинов)

Благодарю! Очень помог Ваш урок при выполнении тестового задания.

такого качества видеоурока js я еще не видел, я нашел что искал, спасибо

нет тех слов благодарности, которые я мог бы написать вам, чтоб вы реально поняли насколько эти видео бывают полезны. Благодарность. Остальное можно догуглить.

Спасибо за урок. Вы мне просто открыли глаза на свойство innerText

Спасибо! Очень полезная информация!

Спасибо. Просто гениально и трудно для меня очень.

Спасибо за видео! Подскажите, пожалуйста, как перенести результаты поиска в отдельный блок ?

Спасибо, очень интересно рассказано!

Спасибо за урок. Есть ли у вас урок о рекурсии ? Или не хотите записать?

Было бы интересно реализовать такую корзину, которая добавляла бы товары сбоку и при нажатии на модальное окно - там хранились бы все товары ...

Александр, спасибо за урок! Вопрос практического применения. Допустим ИМ на Битрикс, с тысячей товаров. Получается, при каждом вводе нужно запрос в БД делать?

16:48 вместо "bottom: pink" надо было написать "background: pink", на видео просто сработало автозаполнение

Поставил себе на сайт, работает четко, спасибо!

Большое спасибо, просто и понятно.

Чел, ты просто спаситель

Привет, хочу спросить. Вот я делаю сайт по типу Музыки. И я делаю блоки верез Div вместе с исполнителем. Тоесть блок внутри которого исполнитель. И у меня порядка 100 блоков таких в html файле. Как сделать чтобы можно было найти одного исполнителя среди ста?

Очень полезное видео, облегчило половину работы. Я зотел бы узнать о томкк можно сделать такое же для онлайн магазиа чтобы поиск шел по карточкам , а не по словам. Заранее спасибо за ответ. Еще разогромное спасибо за такой полезный туториал

спасибо, классный урок!!!

Спасибо! буду пробовать

Спасибо за интересный урок.Полезная вещь. У меня есть идея: небольшой парсер на чистом js, который бы копировал например погоду и выводил ее на мой сайт.

Спасибо за видео, очень помогли)) подскажите пожалуйста, а если вообще совпадений не найдено, как написать код, чтобы вывести блок с соответствующим сообщением, а если совпадения обнаружены - скрыть его? понимаю, что это наверно очень легко реализовать, но я пока новичок в js.

Александр, Вас приятно слушать, продолжайте, желаю Вам безграничного роста в профессии и в достатке! предлагаю тему: радиостанция на NodeJS с тремя потоками на трёх разных битрейтах с несколькими форматами передачи данных (aac, mp3, etc) с возможностью добавлять и перемешивать треки с возможностью держать где-то на каком-нибудь s3 некоторую библиотечку треков с возможностью лив-включений тема вообще широкая то ли ноде доверить формирование потока, то ли от ffmpeg получать вопрос близкий к телу наравне с рубашкой, но некоммерческий спасибо! у Вас канал не монетизирован? не видно рекламы

Спасибо, это топ

супер годно,спасибо за урок

Огромное вам спасибо!!!!

а где страничка с примером?? перехожу по ссылке, там только курсы открываются

Добрый день, может быть не совсем по тему листа, но все же. нашел несколько анл каналы об использовании линтеров для проверки провильности написания javascript и css, такие как eslint и csslint каптул настройку плагина VC и Gulp. Коечто понял вроде проверяет, но есть и некотрые непонятки - нашел некоторые видео, файлы, в которых прописаны настройки .eslintrc.yml ли .eslintrc.json. но целостной картины по настройки этих плагинов нет. В ру сегменте эту тему обходят. Я в вашем видео слышал, что вы непротив того, чтобы вам подсказывали новые темы для записей видео-уроков, я думаю что эта тема будет очень интресна для новичков изучающих этот язык. кроме того, существуют несколько версий: ES6/2015, ES7/2016, ES8/2017 и как настроить eslint под проверку языка. тем более там будут отличия в синтаксисе. Спасибо

Александр, посдкажите как действовать в такой ситуации если товар интернет магазина? пытаюсь сделать но никак не получается

Спасибо, полезное видео

Подскажите,почему transition в слайдере первый раз не срабатывает, а затем идет плавно?

А ссылки то не работают ((

А можешь подсказать, как использовать этот js код, если у меня есть товар допустим, и поиск осуществляется через имя товара(в данном случае h3), а скрывать или показывать нужно весь товар(в данном случае всю ссылку 'a' или по классу '.content__a')? Вот пример : RT70 Беспроводная игровая мышь AL90 Лазерная игровая мышь BLAZING Как мне поставить чтоб скрывался и показывался не тот элемент в котором мы проверяем запрос ('h3'), а весь блок ('a'). document.querySelector('#input').oninput = function () { let val = this.value.trim(); let elasticItems = document.querySelectorAll('.All_products a h3'); if (val != '') { elasticItems.forEach(function (elem) { if (elem.innerText.search(val) == -1) { elem.classList.add('invis'); } else { elem.classList.remove('invis'); } }); } else { elasticItems.forEach(function (elem) { elem.classList.remove('invis'); }); } } ('invis' - название класса с display: none;) Буду очень благодарен! ;)

Добрый день ! То есть если я хочу сделать поиск только по ссылкам, то мне нужно просто указать innerHTML ?

Спасибооо!!!! От души 💚

спасибо за урок

Так где пример кода этого урока?

Видео просто супер! Спасибо! Но есть вопрос, скрипт при поиске ищет точное совпадение, т.е. O и o для него разные вещи и отбор не происходит. Как сделать что бы скрипт не делал разницы?

Что делать если количество элементов в массиве ответа слишком много?Возможно стоит выводить частями?

Здравствуйте. А как писать на Javascript если например у нас есть 4 -5 полей и если любому одному из них заполнить то пусть ищет его если ни одно не заполнено то должен выводить "надо заполнить хоть одну полю"

А как сделать тоже самое, но для карточек товара?

Здравствуйте! Как провернуть подобное с карточками товаров? Подскажите, пожалуйста)

а как найти все подстроки? если есть текст и в нем нужно найти все совпадения?

как с базы данных бы брать этот список через Аякс какой-нибудь теперь бы понять)

Подскажите пожалуйста как сделать поик товаров?

А можно сделать отдельный файл со всеми услугами к примеру (отдельно список поиска) чтоб не тратить производительность серверов и сайт не грузился сильно если список допустим из 1к слов и более И как это можно сделать?

А как сделать поиск только по ссылкам которые есть на сайте ?

А какой код сверху в css?

Как реализовать такой поиск с массивом?

Я не увидел как сделать, чтобы оставшиеся варианты можно было бы выбрать мышкой или стрелками на клавиатуре.

Здрасте я сделал поиск на сайте но работает только на заголовок. У меня инет магазин шаблон от bootstrap. Я указал на карточку товара id='card' но при поиске выдает только заголовок товара. Неисчезает блоки которые несоответсвует. А соответствующие буквы заголовка находит.

Кто-нибудь знает поиск на странице, чтобы можно было переходить к найденному слову (назад/далее) опционально учитывать регистр, подсветка результата?

Было бы ещё хорошо привести вводимое в input к нижнему регистру. Но и без этого хороший урок 👍🏼

Привет, а если мне нужен такой поиск, который бы работал помимо обычного текста, внутри инпута. Такой способ как в видео не подойдет, если у кого-нибудь есть идеи напишите

Подскажите как изначально скрыть элементы списка и выводить нужные строки только при совпадении, спасибо.

Уважаемый Александр я нашел причину почему тег марк не менял свой фон когда вы указали цвет пинк. потому что визуал кода вместо бэкграунда поставил боттом.

А как зделать что нижний div был скрыт а когда я что-то ищу он поевлялся

а как сделать с карточкой товара, спасибо огромное за видео!

а как дать hide целому блоку в котором находится элемент списка???

А как скрыть текст и как только начнёшь писать тебе под поиском выводит текст

А где ссылок на сайт с кодом

Плиз сделай двух языках сайт при нажатие. JavaScript

Спасибо огромное

Неплохо, неплохо...особенно способ подсветки. Довольно изящно. Только зачем так бояться исправлять косяки? Ну что может быть не так, если бэкграунд не применился?..почему хотя бы на секунду не заглянуть в цсс, чтобы проверить? Обычная ошибка с автокомплитом...bottom: pink; Очень полезно, когда прямо в записи автор исправляет свои мелкие ошибки, вместо того, чтобы теряться от не примененного свойства цсс.

Каким образом адаптировать живой поиск, если нужно отскать и подсчитать ссылки? Через .getElementsByTag()?

Добрый день,увидел похожий урок на английском канале о живом поиске,там сделано через поиск индекса первого символа, не могли бы вы разъяснить как там сделать? урок очень быстрый и не займет много времени. 15:21 / 17:45 kzfaq.info/get/bejne/fZeVipaAzpzZn5c.html

you can use json data base , with json works easiest

Почему Visual Studio, а не phpstorm например?

не подскажите, какой у вас микрофон?

Привет. Вы фрилансер или работаете на команде?

10:22 подсветка подстроки

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

Как сделать ссылку которое есть в поисковом системе. Когда нажимаю на какое-то слово пусть меня перекидает на эту страницу

А зачем нужен скрипт, если есть тег datalist и options

А как сделать, так, что бы предметы поиска (Lorem, dolor, sit) не было видно ?

Как изменить чувстительность к регистру? 🙃 При вводе "В" и "в" находит разные элементы.

добрые уроки

А где ссылка на исходный код?

Мб ты ответишь, надеюсь конечно на это. Как добавить картинки, я что то не врубаюсь )

Как приспособить код, чтобы пользователь мог вводить в поиск и большими и малыми буквами, и наш код выдавал результат не смотря на размер буквы. Сложно правильно сформулировать, но суть в том, что у меня на сайте названия товаров со стилем ttu(text-transform: uppercase;), то есть прописаны онли большими буквами, и мне нужно сделать чтобы пользователь мог вводить в поисковик это название как с больших так и с маленьких букв, и находить товар. К примеру есть у меня модель RT70, и если я ввиду в поиск rt70 то он мне его не найдёт, найдёт только если напишу прям как в названии RT70, к тому же даже если у меня написано название rt70 с маленьких букв и к нему применено свойство css text-transform: uppercase; то всё равно нужно вводить в поиск с капслока, маленькие буквы не видит. Как это можно исправить, реализовать?

Можно добавить функцию UpperCase/ LowerCase

А css файл можно?

Подскажите пожалуйста, у меня поиск работает хорошо, только не могу разобратся как сделать чтобы таблица с вариантами была видна не всегда, а только тогда когда я начинаю писать в строке поиска текст, как это кодом прописать?

поиск должен работать, без учёта регистра символов

можно для интернет магазина

Видео полезное, использовал по работе. Но есть и критика. Непонятно, зачем использовать метод search, который, как выясняется, воспринимает вводимый юзером текст как текст регулярки. И это при наличии нормального метода indexOf. В итоге мне пришлось долго биться с тем, почему в строке типа '123456' ваш метод находит подстроку '3+'. Весь search стоит поменять на indexOf, и поведение этого модуля станет ближе к ожидаемому.

fuse.js библиотека для создания поиска

Лайк, подписка, бубенцы)