Moses Fender

Чтобы ошибок не получалось, проверять нужно. Очевидно, по описанию ошибки, что таблицы нет (она is null).

let table = document.querySelector("body > table > tbody");
if(table instanceof HTMLTableSectionElement){
    let countDATA = table.rows.length;
}

Когда-то давно, в прошлом веке, я тоже не видел разницы между обработчиком события и слушателем события.

Event listener — буквально так и переводится: "слушатель события". Т.е., когда мы назначаем элементу путём addEventListener некий обработчик, мы заставляем его слушать и реагировать на некоторое событие, возбуждается чем-то.

К чему я это… В таких неопределённых ситуациях всегда лучше делегировать слушателя, а иногда без этого просто не обойтись, особенно когда дело касается "мышиной возни" (MouseDown, MouseOver etc). Делегирование слушателя одному из предков, к тому же, имеет ещё одно неоспоримое преимущество: при динамическом изменении DOM, например при загрузке по ajax пресловутых элементов .mobile-categories, не нужно следить за прикреплением им слушателей каждый раз.

document.body.addEventListener('click', (ev)=>{
    if (ev.target.classList.includes('.mobile-categories')) {
       // Тут что-то делаем с ev.target
    }
});

В смысле расширение неверное? Изображение JPEG же? При чём тут расширение файла. Изображение может быть с каким угодно расширением, его тип определяется в первых нескольких байтах файла.
Например, если открыть любым HEX-редактором картинку PNG, то увидим:

Для JPEG будет примерно так:


При этом расширение может быть каким угодно.

Что касается кода, то я не вижу в нём проблемы, JPEG сохраняется.

Создаётся экземпляр браузера, в него загружается документ, после подгрузки всех ajax-данных берётся весь DOM, и крути его как хочешь.

header.scrollTop ничего не покажет, так как это измерение скролла контента блока, то есть того, что скроллится внутри него.

Используй getBoundingClientRect();

let bounds = header.getBoundingClientRect();
// в bounds есть x, y, width, height элемента

Это страшная беда всего инлайна.
Вот так зазора точно не будет.

.buttons_wrap{
    align-self: flex-end;
    font-size: 0;
}

.buttons_wrap a{
    font-size: 10px;
}

В select нужно приделать алиас к полю ID другой таблицы.

select data.*, internal.ID as internalID, internal.Number as internalNumber, internal.Date, internal.Time, internal.Long from data left join `Internal` on data.Number = internal.Number