Stalker_RED

Старался писать не оптимально, а попроще
Любую непонятную строчку гуглите или спрашивайте в комментах

_{да, мне нечем заняться}

А в чем проблема?

Дисплей, кнопки и микросд можно прикрутить к arduino (atmega, attiny) или к esp, stm или к другому микроконтроллеру, в зависимости от задач. Микроконтроллеров много разных, они заметно отличаются по энергопотреблению, "мощи" железа и цене, и при выборе нужно бы понимать что вы вообще хотите сделать.

С зарядкой тоже все довольно просто, можно прикрутить что-то типа таких чипов

А вот со звуком все сложнее. Если "пищалку" можно сделать на любом хламе, то для воспроизведения качественного звука понадобятся и хороший ЦАП, и возможно процессор помощнее.

Лучше всего нанять/уговорить помочь кого-то, кто шарит в проектировании электроники. Если интересно именно самому - ищите схемы похожих устройств, идите на форумы электронщиков и начинайте задавать свои вопросы.

$prevType = null;
foreach($items as $item) {
  if ($item[type] !== $prevType) { // type changed
     // do something
  }
  $prevType = $item[type];
}

саму строку с запросом можно найти в объекте location

И затем ее можно распарсить, примерно так:

Это плохой секундомер, неправильный.
setInterval(foo, 1000) будет срабатывать не каждую секунду ровно, а МИНИМУМ через секунду, и будет накапливаться ошибка.
По хорошему надо хранить стартовое (или финишное) время, на каждом тике сравнивать текущее время (new Date()) со стартовым, и только потом отрисовывать циферки на дисплей.

Тогда и проблема с переходом на другую вкладку решается очень просто - стартовое время пишется в localStorage, например. При смене страницы оно просто оттуда читается, и таймер продолжает работу в обычном режиме.

И не выкладывайте код скриншотами, пользуйтесь кнопочкой </>

Универсального нет, придется подстраиваться под конкретный сайт. Ну и вообще, не много готовых парсеров на js.

Вот это мудреная инструкция, или не очень? https://tproger.ru/translations/web-scraping-node-js/

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

learn.javascript.ru - да, с него стоит начать. У него тоже некоторые темы плохо раскрыты, но в комбинации с mdn вы получите ответы на 95% всех вопросов.

Никак. Перебор двадцатимерного массива может занять какое-то совершенно неприличное время, вплоть до многих лет.

а вот так снова нормально работает.

фишка в том, что у стрелочных функций this указывает не на кнопку, а в какое-то другое место.

потому что

Стрелочные функции не содержат собственный контекст this, а используют значение this окружающего контекста.

подробнее.

Обратите внимание, что при этом не слетают обработчики, если они есть. В отличие от использования innerHTML.

Название никак не узнать. Имена переменных можно указать в "принимающей" функции, но она не может узнать какие эти значения назывались ранее.