Alex_87

Начиная с версии 4 webpack придерживается принципа zero config. Вы просто создаете папку src, в ней файл main.js и запускаете вебпак. С этого и начинайте. Потом добавляйте нужные именно вам лоадеры и плагины. Просто смотрит е документацию и делайте как написано. У вебпака очень хорошая дока.

В первом приближении так:

const foo = Array.from(document.querySelectorAll('.someclass'))
   .filter(elem => parseInt(elem.value) !== 0)

Но "те, у которого мы что-то выбрали" портит всю малину. Мы же могли выбрать ноль, или осознанно оставить значение по умолчанию?

Вот вам:

changed: элементы, у которых изменено значение
default: элементы, у которых НЕ изменено значение
touched: элементы которые изменялись, даже если сейчас дефолтное значение

А класс textblock один на странице? И он вообще есть? А может js раньше html загружается? Или условие никогда не выполняются! Тут может быть много причин!
А может 2 условия выполняются, и естественно последнее удаляет класс!

если у вас .textblock - это элемент внутри слайда
то при slideChange сначала $('.swiper-slide .textblock').removeClass('opac'); а затем
$('.swiper-slide-active .textblock').addClass('opac');

класс добавляется только он сразу удаляется и если у вас textblock именно элемент внутри слайда то по вашему коду - сначала всем этим блокам добавляется класс opac а затем сразу удаляется
потому что каждый элемент slick - это swiper-slide

var x = $(".lang-selector")[0].getBoundingClientRect();
console.log(x.top, x.bottom);

Посмотри в моем гите, там я кучу техник перебрал. Подойду домой скину код который работает даже во webwiew

https://habr.com/ru/post/301426/

1. Получаешь данные с input
2. Отправляешь на сервер php запрос с этим данными
3. В php парсишь нужные сайты. Если это обычные сайты многостраничники, то будет достаточно получить html функцией file_get_contents($url) и взять данные например библиотекой phpJquery. Если SPA приложения, то можно selenium или php phantomjs. После манипуляций в ответе возвращаешь данные эти. Возможно такое решение не самое лучшее т.к парсинг данных может быть длительным процессом

На лету парсить и сразу выдавать результат не получится. Парсить необходимо заранее, помещая результаты поиска в БД. Следует учитывать, что запрашиваемые поисковые фразы требуют полнотекстового поиска в БД.

Парсеры бывают нескольких типов:
1) Простой парсер html для публичных открытых данных. Такой парсер легко сделать, например, на php или nodejs (модуль cheerio справится без проблем).

2) Парсер открытых данных, получаемых через javascript. Тут немного сложнее. Нужен либо консольный браузер вроде slimer.js, casper.js, phantom.js, selenium, либо модули jsdom и zombie.js. Пример такого парсинга - парсинг паблика вконтакте.

3) Парсер данных, доступных по авторизации. Такому парсеру для работы нужен оператор. Помимо алгоритма непосредственно парсинга, нужен пользовательский интерфейс для авторизации.

Стоит предусмотреть, что периодически будет вылетать капчи. Этот момент надо правильно опознавать. Капчу могут решать индусы, позволяя полностью автоматизировать процесс - https://2captcha.com/ . Можно решать оператором. Если капча требует распознать символы, помочь может Tesseract (для яваскрипт своя версия).

Если есть вопросы - пиши комментарии. Как будет время - отвечу.

У вас немного не верно написаны стили. Вот так будет правильнее
<div class="col-12 col-md-4 m-auto">
Автоматический margin по вертикали это my-auto.