Dino Winchester

let index = -1;

setInterval(el => {
  const show = !el.classList.contains('_active');
  index = (index + show) % infoModal.length;
  el.innerText = infoModal[index].title;
  el.classList.toggle('_active', show);
}, 1000, document.querySelector('.modal__title'));

UPD. Вынесено из комментариев:

Если, к примеру, нужно скрывать блок каждый раз через5 сек, а показывать блок через рандомный промежуток времени?

К чёрту setInterval, делаете функцию, которая вызывает себя по таймауту - случайному при скрытии элемента и фиксированному при показе:

(function updateText(el, i) {
  const show = el.classList.toggle('_active');
  i = (i + show) % infoModal.length;
  el.textContent = infoModal[i].title;
  setTimeout(updateText, 1000 + !show * Math.random() * 3000, el, i);
})(document.querySelector('.modal__title'), -1);

const entries = Object.entries(obj);
for (const entry of entries) {
  if (!isObject(entry)) {
    result = Object.assign(result, Object.fromEntries(entry));
  } else return cloneDeep(entry);

Что такое entries? - массив, состоящий из массивов.
Чем, соответственно, является entry? - массивом.
Что возвращает isObject для массивов? - true.
То есть, вне зависимости от содержимого конкретного entry произойдёт рекурсивный вызов.
Всё.

Вероятно, клонируемый объект содержит циклические ссылки, типа

const a = {};
const b = {};
a.b = b;
b.a = a;

cloneDeep(a); // бесконечный цикл

Попробуйте подсмотреть реализацию cloneDeep() в loDash. В реале там вызывается baseClone()

Можно сохранять каждый обработанный ранее объект в Map – и проверять, не имели ли с ним уже дела ранее – тогда вместо изготовления ещё одной копии просто вставлять ранее сделанный клон.

У тебя не совсем верная логика в js
1. Ты инициализируешь cities внутри функции которую вызываешь при нажатии на кнопку => после выполнения функции просто теряешь данные.
2. var желательно не использовать в новом js, можно но он не так явно работает из за приколов с областью видимости и инициализацией, лучше использовать let или const.
3. Было близко, в своем коде ты получаешь последнее слово из массива cities, нужно так же по аналогии получить из него последнюю букву (пример в коде)

let cities = [];

function myGame() {
    const input = document.getElementById('input_city');
    const output = document.getElementById('output_city');

   //Если массив пустой добавим 1е слово без всяких проверок. 
  if (!cities.length) {
    console.log('Верно идем дальше');
        cities.push(input.value);
        input.value = '' 
    console.log(cities)
    return
  }
  const lastCity = cities[cities.length - 1];
  const lastLetter = lastCity[lastCity.length - 1];

  const firstLetter = input.value.substr(0, 1); // первая буква слова

    if (lastLetter.toLowerCase() === firstLetter.toLowerCase()) {
        console.log('Верно идем дальше');
        cities.push(input.value);
        input.value = ''   
    } else {
      console.log('Херня, давай сначала.')
    }
    console.log(cities);
}

tynker https://www.tynker.com/ , или https://checkio.org/ru/
Детям это не нужно Им не нужна игра .
Ваш ребенок любит математику? если нет как насчет отдать на курсы игры на синтезаторе и вокала? https://www.youtube.com/watch?v=KVAe0agGZhQ
Если любит, то сразу с ява скрипт учите, не портите ребенку обучение или дайте ему скретч https://scratch.mit.edu/ , но только с ява скрипт и вначале ява скрипт потом скретч

можете взглянуть на это zhurnal.lib.ru/h/hlada_s/python.shtml , но я питон не рекомендую ,учите ява скрипт

Используйте select. На мобильниках прекрасно работает с любым количеством элементов.

Как вытащить все значения born и died, в два разных массива

А зачем?

const getAverageAge = (humans) => humans.reduce((acc, h) => acc + (h.died - h.born), 0) / humans.length;

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

const arr = []; // создали массив
arr.push = function() { // перезаписываем конкретно его push
  Array.prototype.push.apply(this, arguments); // вызвали оригинальный push со всеми аргументами
  // тут делаем еще что-то
};

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

Какие есть косяки:

• Перебираете вложенные узлы, но замену выполняете у того, что передан в функцию.
  
• Заменять содержимое надо только у текстовых узлов - чтобы проверить тип, смотрим nodeType.
  
• У текстовых узлов нет innerText. Есть textContent и nodeValue.
  
• Зачем функции знать заранее, что за замена должна быть выполнена? Что будете делать, если понадобится выполнить другую замену - закопипастите функцию, заменив регулярку? Лучше добавим второй параметр - функцию, принимающую текущий текст и возвращающую новый.
  

Исправляем:

function replaceText(node, replacer) {
  if (node.nodeType === Node.ELEMENT_NODE) {
    node.childNodes.forEach(n => replaceText(n, replacer));
  } else if (node.nodeType === Node.TEXT_NODE) {
    node.textContent = replacer(node.textContent);
  }
}

Или, долой рекурсию и проверки типов узлов, можно сразу текстовые перебирать:

function replaceText(node, replacer) {
  const iter = document.createNodeIterator(node, NodeFilter.SHOW_TEXT);

  for (let n = null; n = iter.nextNode();) {
    n.nodeValue = replacer(n.nodeValue);
  }
}

Пример использования:

replaceText(document.body, str => str.replace(/\d/g, 'hello, world!!'));

arr.reduce((acc, x) => ((acc[x.i] ??= []).push(x), acc), {})

Массивы складываем в массив: const arrs = [ arr1, arr2 ];.

Дальше можно сделать просто:

const result = arrs.reduce((acc, n) => (
  n.forEach((m, i) => Object.assign(acc[i] ??= {}, m)),
  acc
), []);

Или сложно:

function* zip(data, defaultValue = null) {
  const iterators = Array.from(data, n => n[Symbol.iterator]());

  for (let doneAll = false; doneAll = !doneAll;) {
    const values = [];

    for (const n of iterators) {
      const { value, done } = n.next();
      values.push(done ? defaultValue : value);
      doneAll &&= done;
    }

    if (!doneAll) {
      yield values;
    }
  }
}

const result = Array.from(zip(arrs), n => Object.assign({}, ...n));

Совершенно не имеет разницы на чём это делать.

Тут у тебя по сути две (или три) части:
1. Пользовательский интерфейс, где можно кнопочки нажимать и посылать какие-то команды (типа разблокировать комп №42 на 3 часа)
2. Некоторая система, которая будет непосредственно эти команды реализовывать.
3. Возможно, ещё какая-нибудь финансовая система, чтобы ещё деньги считать и чеки печатать.

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

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

Пользовательский интерфейс может быть написан решительно на чём угодно - это может быть даже сайт, который будет через http обращаться к серверу, а может быть и привычный для тебя Windows Forms

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

Код у тебя, конечно, ужас.
Вместо того чтобы складывать/умножать на innerHTML тебе нужно преобразовывать его в число.
Например при помощи функции parseInt