Dino Winchester

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

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


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

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

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

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

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

const merge = (...arrs) =>
  Array.from(
    { length: Math.max(...arrs.map(n => n.length)) },
    (_, i) => Object.assign({}, ...arrs.map(n => n[i]))
  );


const arr = merge(arr1, arr2);

или

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

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

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

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

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

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

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

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

section должен содержать в себе заголовок 1-2 уровня.
section представляет собой какой-то блок, объдиняющий по смыслу какую-то информацию.

Соответственно, я бы отклонил оба варианта.
Делать внутри article section имеем смысл если их там больше 1.
Не делать section вообще - значит не дать контекста что это за набор article.

Я бы предложил вариант:

main
  section
    заголовок
    article
      заголовок
      описание
      ссылка
    article
      заголовок
      описание
      ссылка

Простейший вариант - заменять [CODE] на < pre > и закрывающий [/CODE] на < /pre>. Это не то, что нужно в этом месте ? Чтобы не задумываться о непарных тегах - можно менять регуляркой

$text=preg_replace('~\[CODE\](.*?)\[/CODE\]~si', '<pre>$1</pre>',$text);

Если, внезапно, захочется что-то более навороченного - можно посмотреть ответ nokimaro