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

Увеличивать ее через transform scale
https://developer.mozilla.org/ru/docs/Web/CSS/tran...

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);
});

В вопросе наглядный пример моего утверждения, что "учить" - это плохое слово. В нашем мозгу оно ассоциируется с зазубриванием чего-либо. Вот только зазубривая что-либо освоить это не получится. Но тем не менее слово "учить" встречается крайне часто: люди пытаются учить программирование, учить языки (неважно C# или английский), а учить таблицу умножения нас подсаживают еще с младших классов. Не надо учить. Это бесполезно. Стихи еще можно учить, понимание мыслей автора это не даст, но память натренирует. А вот программирование, языки и таблицу умножения учить не нужно, нужно понять. Правда вот учителя начальных классов многие сами таблицу умножения не понимают, а тупо заучили наизусть, и так и продолжают передавать ученикам, с XIX века ничего не поменялось.
Вы можете выучить синтаксис языка, но это лишь шелуха, абстракция, набор правил как преобразовывать этот язык в другой. Без понимания знание абсолютно бесполезное. Ну знаете Вы, что существуют в некотором условном языке if, for, while. Но сможете ли Вы из этого составить некоторую программу без понимания что это и зачем. А заучивание Вам этого понимания не даст.
Вы можете выучить функции стандартной библиотеки, но это опять шелуха. Эти функции кто-то написал, часто на том же самом языке, на котором Вы их используете. Но без понимания, что они делают Вы и с ними программы не составите.
А как Вы собираетесь учить составление алгоритмов? Да у многих сейчас есть мнение, что этот навык не нужен, что все алгоритмы уже составлены, но это иллюзия.
А навык решения проблем, как заучить его?

Ну и все же отвечу на вопрос, что же по моему мнению умение программировать.
Во-первых, это умение решать проблемы людей или организаций посредством вычислительной техники (компьютеров, смартфонов, микроконтроллеров и т.д.), автоматизируя некоторую деятельность.
Во-вторых, это умение составить алгоритм приводящий к решению некоторой проблемы, то есть к автоматизации некоторой деятельности.
И только в третьих - записать этот алгоритм с помощью различных инструментариев, вроде языков программирования, библиотек, фреймворков и т.д.

То есть все, что Вы собрались учить - это лишь инструменты. Скажите, сделает ли Вас плотником, то что Вы зазубрили как выглядит молоток, а как рубанок? Зато плотник может не знать, как работать с каким-то конкретным станком, но достаточно быстро начнет с ним работать, если дать ему документацию к этому станку. С программистами все так же.

Вас не смутило, что 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] || '';