Дмитрий Беляев

const createPausableTimer = (cb, timeout, ...args) => {
  let lastStart = Date.now();
  let paused = false;
  let timerID = setTimeout(cb, timeout, ...args);
  let remainingTime = timeout;
  return {
    pause() {
      if(paused) { return; }
      clearTimeout(timerID);
      paused = true;
      remainingTime -= Date.now() - lastStart;
    },
    resume() {
      if(!paused || remainingTime < 0) { return; }
      lastStart = Date.now();
      paused = false;
      timerID = setTimeout(cb, remainingTime, ...args);
    }
  };
};

element.addEventListener("animationend", () => {
  const timer = createPausableTimer(() => {
    console.log("timeout!");
    element.removeEventListener("mouseover", timer.resume);
    element.removeEventListener("mouseout", timer.pause);
  }, 1000);
  element.addEventListener("mouseover", timer.resume);
  element.addEventListener("mouseout", timer.pause);
});

Вас не смутило, что getElementById в единственном числе, а getElementsByClassName - во множественном?
getElementsByClassName возвращает коллекцию элементов, а не один элемент.

Объект File при сериализации в JSON не выдаст Вам содержимое файла. Более того, бинарные данные в чистом виде в JSON вообще сериализовать не получится.
Используйте FormData и отправляйте данные в multipart/form-data формате, на php их можно будет получить из $_POST и $_FILES
Ну и насколько помню, file_put_contents работает со строками в качестве данных, но никак не с объектами.

как переписать код, чтобы не использовать let, а всегда увеличивать на единицу внутри функции?

В примере как раз Ваш случай:
https://www.npmjs.com/package/@lambda-fn/cell#example

const firstNonRepeatingLetter = str => Object.entries(
  Array.prototype.reduce.call(str, (acc, char) => ({
    ...acc,
    [char]: (acc[char] || 0) + 1
  }), {})
).filter(([,count]) => count === 1)[0]?.[0] || '';

Во-первых. нужно оформить именно как плагин:
https://github.com/jamiebuilds/babel-handbook/blob...

export default function({ types: t }) {
  return {
    visitor: {
      Identifier(path) {
        if(path.isIdentifier({ name: 'test' })) {
          path.parentPath.get('init').node.value = 777
        }
      }
    }
  };
};

Во-вторых, делаем кофиг бабеля в js формате, и прописываем абсолютный путь к нашему плагину в секции plugins, path.join и __dirname в помощь

Потому-что тупо копипастят бездумно.
Вот это правило Вам поможет:
https://eslint.org/docs/rules/require-await

Посчитать время между Date.now() и нужным и установить setTimeout на полученный результат

Что бы понять как работает async/await раз и на всегда, просто разберитесь как работает этот пример:

(async function() {
  console.log('входим в async function');
  const result = await {
    then(resolve, reject) {
      console.log('входим в then метод');
      resolve('это будет рузультатом await');
    }
  };
  console.log(result);
})();