Денис Инешин

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

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

Обычная проблема, пытаетесь писать сокращенный код до того как поняли что происходит.

Я бы рекомендовал вначале писать максимально развернуто и только потом сокращать по мере надобности.

// метод forEach на каждый найденный элемент вызывает функцию, куда первым аргументом передает ссылку на этот элемент
peresortDel.forEach(foreachCallbak);

function foreachCallbak(el) {
  el.onClick = onClickCallback;
}

function onClickCallback() {
  peresortcontent.style.display = 'none';
}

https://getmentor.dev/

https://qna.habr.com/q/51866#answer_191144

Перейти на https://howlerjs.com/

function foo(number) {
  for (let i = 0; i < bar; i += number) {
    ...
  }
}

foo(number) // вызываем сколько нужно раз

Для красоты пишут так

function foo() {
  if (!element) return;

  // code
}

И не надо ничего в if оборачивать

Для начала делаем несколько игр/упражнений по проще.
По мере попыток - гуглим любое не понятное и пытаемся применить.
Учимся задавать правильные вопросы, например как узнать в какую именно ячейку кликнул юзер и т.д.

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

Например клик по ячейке сразу выдаст вам много непонятных слов вроде addEventListener, click, event.target, dataset и т.д. Вот тут вам книга и пригодится (врочем поиск в гугле можно продолжать mdn addEventListener или javascript.ru addEventListener например)

Network tab - Img
Там увидишь как загружаются твои картинки и какую ошибку выдают если нет.

Upd:

// Картинку можно загрузить и с помощью JS
const img = new Image();
img.addEventListener('load', () => {
  // do something
});
img.addEventListener('error', () => {
  // don't do
});
img.src = 'bla bla';

Пример https://jsfiddle.net/IonDen/xzng6cLh/

const rawString = '[1,2,3]';

console.log(typeof rawString); // string

function parseArrayFromString(str) {
  const parsedStr = str.substring(1, str.length - 1);
	return parsedStr.split(',');
}

const arr = parseArrayFromString(rawString);
console.log(arr, Array.isArray(arr), arr[1]); // [1,2,3], true, 2

Вам нужно что-то вроде этого

Все зависит от конкретной задачи. В реальной жизни вы столкнетесь с циклами внутри циклов - когда будете например активно работать над преобразованием данных. Например используя методы массивов (вроде map, reduce, forEach и т.п.).

// задача - сделать все буквы А в именах заглавными
const names = ['вася', 'петя', 'алла', 'маша', 'юля', 'вова'];

// первый цикл
const adjustedNames = names.map(name => {
  const nameArr = [...name];
  
  // второй цикл
  const nameAdjusted = nameArr.map(letter => letter === 'а' ? 'А' : letter);
  
  return nameAdjusted.join('');
});

console.log(adjustedNames); // [ "вАся", "петя", "АллА", "мАшА", "юля", "вовА" ]

Всегда нужно помнить, что цикл внутри цикла - это очень ресурсоемкая задача.
Если сложность одного цикла равняется O(n), то сложность цикла внутри цикла возрастает на порядок и равняется O(n2) что может привести к проблемам и задержкам в вычислениях в случае обработки больших массивов из тысяч+ элементов.

По этому не используйте такую вещь без крайней необходимости. Современный синтаксический сахар в JS позволяет делать много вложенных массивов не замечая проблем.

https://momentjs.com/
https://www.sitepoint.com/javascript-temporal-api-... + https://github.com/js-temporal/temporal-polyfill

Я бы порекомендовал Unity
1) Понятно что он 3D, но в сети полно мануалов как на нём сделать 2D игру
2) В нём можно делать билды под WebGL и запускать в браузере соответственно
3) Огромное комьюнити, подробная документация, миллион туториалов

case ru: -> case 'ru':

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

const rawDate = '18.04.2022 0:00:00'.split(' ')[0];
const arrayDate = rawDate.split('.');
const usefulDate = new Date(arrayDate[2], arrayDate[1], arrayDate[0]);
const localDate = usefulDate.toLocaleDateString('ru-RU', {
	weekday: 'long',
  year: 'numeric',
  month: 'long',
  day: 'numeric'
});

console.log(localDate); // среда, 18 мая 2022 г.

https://jsfiddle.net/IonDen/wjtvhpq7/

1. www.csszengarden.com
2. Сделайте свой хоумпейдж