Сергей

https://www.apachefriends.org/faq_linux.html
Раздел "Where are the main XAMPP configuration files?"
https://httpd.apache.org/docs/2.4/

Не могу понять зачем XAMPP на линукс.

создаем объект, например $reviewsGroupedNumbers и прогоняем масcив из .csv используя в качестве ключа для объекта номер, пример:

[+7 (111) 111-11-11, +7 (111) 111-11-11, +7 (111) 111-11-11].forEach(function( item ) {
    if( !$reviewsGroupedNumbers[ item ] ) {
        $reviewsGroupedNumbers[ item ] = [];
    }

    $reviewsGroupedNumbers[ item ].push({
        countNumber: '...',
        technicType: '...',
        rating: '...'
    });
});

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

$reviewsGroupedNumbers[ '+7 (111) 111-11-11' ].length;

а для фильтрация стандартные функции es2015 или библиотеку lodash или underscore

const found = Object.keys(obj).filter(n => n.toLowerCase().includes(search));
const SHOW = 2;
const button = document.querySelector('button');
const out = document.querySelector('#out');

button.addEventListener('click', showFound);
showFound();

function showFound() {
  out.insertAdjacentHTML('beforeend', found
    .splice(0, SHOW)
    .map(n => `<div>${n}</div>`)
    .join('')
  );

  button.disabled = !found.length;
}

Надо перебирать ключи, сравнивая с введенной строкой (все, приведенное в нижний регистр). Если подстрока находится в названии – включать объект в массив найденных.
Рабочий пример

p.s. короткая запись !!~ перед indexOf(..) приводит к true/false найдено/не найдено. Всё, кроме -1 даёт true.

Совсем простой вариант, то что успел на коленке в кафе с недо-ноутбука написать:
CodePen

Рекомендую тестировать письма вот этим сервисом https://putsmail.com, письма будет приходить как и должны, будут нативно открываться во всех почтовиках.

Точно так, как вы сами описали, только на языке кода. Волшебной функции FindWhatINeed() не существует.

$('.parent') // берем родительские блоки
  .on('mouseenter', '[data-id]', event=>{ // вешаем обработчики на дочерние
    let id = $(event.target).data('id'); // узнаем id
    $(event.target).closest('.parent') // поднимаемся до своего родителя
      .siblings('.parent') // переходим к соседу
      .find('[data-id='+id+']') // берем в нем нужный дочерний
     //... что-то с ним делаем
;
  })

Такой код будет работать в обе стороны.
Если нужно только в одну, то делаем выборку только одного родителя

$('.parent').eq(0) // берем родительские блоки - только первый

На гитхабе можно найти много списков с разной доп. информацией и разной степень актуальности, например:
https://github.com/pensnarik/russian-cities

Поможет jQuery.animate() – этим методом можно, в т.ч., абстрактное значение изменять от A до B. Примерно так:

$({ myProp: A }) // начальное значение A
  .animate(
    { myProp: B }, // целевое конечное значение B
    { // всякие опции анимации: время, функция на каждый шаг и т.п.
      step: function(now, tween) {  } // эта будет вызываться на каждом шаге анимации
    }
  );

Для вашей задачи пример (Fiddle):

const $price = $("#banner-message > p > span");

$("button").on("click", function(){
  const oldPrice = parseInt($price.text());
  const newPrice = Math.round(500 + Math.random() * 4500);
  $({price:oldPrice}).animate({price:newPrice}, {
    step: (now, tween) => $price.text(Math.round(tween.elem.price))
  });
});

А вы пробовали открывать этот pdf не через модалку, а напрямую по ссылке через браузер? Мне что-то кажется, что он либо недоступен, либо еще что. Еще смотрите консоль браузера.

Либо оберните svg блоком с белым фоном, либо вот:

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle fill="#064687" cx="256" cy="256" r="248"/><path fill="#fff" d="M389.7 224h-182.6l75.5-72.4c9.7-9.3 9.9-24.8.4-34.3l-11-10.9c-9.4-9.4-24.6-9.4-33.9 0l-132.7 132.6c-9.4 9.4-9.4 24.6 0 33.9l132.7 132.7c9.4 9.4 24.6 9.4 33.9 0l11-10.9c9.5-9.5 9.3-25-.4-34.3l-75.5-72.4h182.6c13.3 0 24-10.7 24-24v-16c0-13.3-10.7-24-24-24z"/></svg>

Вот от Яндекса отличный конструктор. И мучиться не нужно:
https://tech.yandex.ru/browser/constructor/

На мобильных, что логично, нет события onClick.
Можно заюзать jQuery (если он у вас есть уже в проекте):

$('#phonelink').on('click touchstart', () => {
  if (gtag) {
    gtag('event', 'click', { event_category: 'phone' });
  }
});

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

var elements = document.getElementsByClassName('my-class');
Array.prototype.forEach.call(elements, function(element) {
  emement.addEventListener('click', function(e) { /* ... */ });
});

var elements = document.getElementsByClassName('my-class');
for (var i = 0; i < emements.length; i++) {
  elements[i].addEventListener('click', function(e) { /* ... */ });
}

ES6:

const elements = document.getElementsByClassName('my-class');
for (let element of elements) {
  emement.addEventListener('click', e => { /* ... */ });
}