xmoonlight

includeHTML

Используйте includeHTML.

Вместо #test используйте .tooltip в обработчике.

// Setup our function to run on various events
var someFunction = function (event) {
    // Do something...
};

// Add our event listeners
document.addEventListener('DOMContentLoaded', someFunction, false);
document.addEventListener('click', someFunction, false);

или так:

"DOMContentLoaded click".split(" ").forEach(function(e){
      document.addEventListener(e,someFunction,false);
    });

Если делать в один поток:
(Сначала, работаем БЕЗ базы)
1. Берём CSV и расставляем (формируя два новых файла рядом!) через консольный скрипт/программу в нём ID-шники согласно "таблице-связке" (которая тоже в файле хранится, её изначально надо будет сделать однократно): [ID в CSV] -> [ID в нашей базе]. Это может быть как артикул, так и название (или любой другой уникальный параметр для одной уникальной записи, включая хэширование).
Получаем CSV2-update (связанные записи) и CSV2-new (записи, которых нет в нашей БД).

(сортировка - по желанию, но она не нужна)

(Начинаем работать с базой)
2. Обновляем сначала те, что есть: CSV2-update
3. Затем, добавляем в БД новые позиции: CSV2-new.

4. После добавления - обновляем файл "таблицы-связок".

Итог:
1. Мы все "тяжёлые" операции делаем ВНЕ базы.
2. Мы ничего не ищем по базе, а сразу берём нужную запись по ID ("ключу").

Захотите сделать сразу всё и мультипоточно на PHP: pthreads в помощь!

1. Никогда не вычитайте из суммы: всегда пересчитываете сумму из набора услуг (TOTAL=k1x1+k2x2+...+kNxN)!
2. Точность вычислений: floatNum.toPrecision()
3. Точность допуска (расстояние, погрешность) - проверяйте так:
if (Math.Abs(x1 - x2) < delta) { ... }.

1. https://www.cloudflare.com/learning/ddos/ddos-miti...
2. https://beget.com/ru/articles/syncookied