ThunderCat

разберитесь с областью действия переменных

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

1. Если что-то не работает как задумано, первое что нужно сделать это открыть инструменты разработчика на вкладке console и посмотреть нет ли там никаких ошибок. Если есть то загуглить их и посмотреть где они возникают. Попытаться осознать и исправить. А ещё лучше научиться отладке собственного кода https://learn.javascript.ru/debugging-chrome
2. Перед тем как пользоваться тем или иным способом объявления переменных (var\let\const) стоит почитать про него и ознакомиться с нюансами.
https://medium.com/nuances-of-programming/%D0%B2-%...

А именно:

if (parseInt(number.innerHTML) == 0){
  let step = 3;
  } else {
  let step = parseInt(number.innerHTML) - 1;
  }

Переменной step не существует вне фигурных скобок, соответственно, ниже, где Вы пытаетесь засунуть step как innerHTML - возникает ошибка, что step не определена.

JOIN - это декартово произведение таблиц. При отсутствии фильтра ON число строк результата JOIN'а будет равняться произведению числа строк таблиц, входящих в JOIN.
В вашем случае, если в users_groups_link есть несколько строк с одним group_id, то в результате JOIN'а для каждой из них будет создана отдельная строка результата.
Побороть можно, например, используя count(DISTINCT sl.salon_id).

можно стилями обрезать:

.truncate {
  width: 250px; /* подставьте вашу ширину блока */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Комментарии по коду в вопросе:

• метод строки link() — устаревший и не рекомендуется к использованию.
  
• метод slice() есть и у строки, т.ч. не обязательно преобразовывать строку в массив и обратно.
  
• вместо строки '...' можно использовать HTML-символ … (троеточие одним символом)
  
• ; в конце строк кода лучше не пропускать
  

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

Не надо ничего экранировать. Надо использовать подготовленные запросы с плейсхолдерами.

Нет. Парсер у mpdf очень примитивный. Там не работают гриды, флексы. Не поддерживается box-sizing и вообще всё довольно плохо.
Готовые сетки специально для mmpdf скорее всего отсуствуют.

Пишите сами. Варианта всего два – флоаты и таблицы.

SELEСT ID
FROM таблица
WHERE fakt < size AND farm = 1

где WHERE оставит только те ряды для которых fakt < size AND farm = 1 будет истинно. (TRUE)
(Не заметил с утра вы хотите выбрать только ID колонку по этому изменил с SELECT * (выбрать все) на (SELECT ID) (выбрать ID))

join GoodTypes on Goods.good_id = good_type_id

JOIN GoodTypes AS gt ON g.type = gt.good_type_id

Если тебя интересует работа напрямую с графическим API, то вот:
Только Vulkan: Vortice.Vulkan
Только DirectX: SharpDX (для каждой версии dx идёт отдельный пакет)
OpenGL/Vulkan/DX в одном: Silk.NET

По-моему, ответ простой - что было записано в договоре, то и обязан.
Т.е. если речь шла о коде - то только код. Если договаривались о "запустить на сервере" - то надо ставить на сервер. Но вот о том, что для вебсервера используют Мак, я еще не слышал :-)

Судя по тому, что во Flask используется шаблонизатор Jinja2, то запретить шаблонизатору экранировать отдельную переменную можно так:

<div id="content">
    {{ article.html|safe }}
</div>

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