edward_freedom

fetch('https://jsonplaceholder.typicode.com/albums')
  .then(r => r.json())
  .then(r => {
    const keys = [ 'userId', 'id', 'title' ];

    // собираем разметку
    document.body.insertAdjacentHTML('beforeend', `
      <div class="wrapper">${r.map(n => `
        <div class="item">${keys.map(k => `
          <div>${k}: ${n[k]}</div>`).join('')}
        </div>`).join('')}
      </div>
    `);

    // или, создаём элементы напрямую
    function createElement(tag, className, children) {
      const el = document.createElement(tag);
      el.className = className;
      el.append(...children);
      return el;
    }

    document.body.append(
      createElement('div', 'wrapper', r.map(n =>
        createElement('div', 'item', keys.map(k =>
          createElement('div', '', [ `${k}: ${n[k]}` ])
        ))
      ))
    );
  });

.wrapper {
  border: 3px solid black;
  padding: 10px;
  margin: 10px;
}

.item {
  border: 1px solid silver;
  padding: 5px;
  margin: 5px;
}

После кого и во что надо оборачивать:

const block = document.querySelector('.block');
const wrapper = document.createElement('div');
wrapper.classList.add('another__block');

Вариант раз - вычисляем индекс блока внутри родителя, вырезаем из родителя подмассив вложенных узлов, начиная с индекс плюс один, вставляем в обёртку:

const parent = block.parentNode;
const childNodes = [...parent.childNodes];
wrapper.append(...childNodes.slice(childNodes.indexOf(block) + 1));
parent.append(wrapper);

Вариант два - пока у блока есть следующий узел, добавляем его в обёртку:

for (; block.nextSibling; wrapper.appendChild(block.nextSibling)) ;
block.after(wrapper);

1) С точки стандартов программирования, насколько правильно указывать у каждого класса namespace?

да, это правильно. Один файл, один класс, который должен лежать в определенном пространстве имен.

2) Какой подход для использования spl_autoload_register из двух перечисленных является более правильным?

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

Сейчас дефакто композер стандарт, не изобретай велосипед, не стоит заморачиваться на то, что само по себе практически не используется (spl_autoload_register) в проектах.

1. Возьми композер (у меня под виндой phar работает, если запускать через php), инициализируй его у себя в проекте:
php ../composer.phar init

2. Создай в корне директорию в app с именем Test - это будет пространство имен App\Test, туда положи файл Test.php, в котором объяви класс Test с указанием пространства имен namespace App\Test;

3. В файле composer.json допиши:

{
.....
    "autoload": {
        "psr-4": {
            "App\\": ["app/"]
        }
    }
}

где app - будет весь код твоего приложения, те твоих чудо-классов.
Запусти php ../composer.phar dump-autoload

3. Подключи лишь одну строку: require('./vendor/autoload.php');в файл индекса или в те файлы, где нужны классы с автоподгрузкой.

4. Должно получиться это:

Странный вопрос! Несите обратно в тот сервис, который его в такое состояние привёл. Непонятно, зачем Вы его ещё и разбирали.

#include <iostream>
    using namespace std;

    int Foo(int a, int b)
    {
        int sum;
        sum = a + b;        //2) Складываем полученные значния


        return sum;     //3) Возвращаем результат сложения в функцию Foo

    }

    int Foo2(int a)
    {

        cout << " output "<< a << endl;
    }

    int main() 
    {

        int a, b;       //1) Получаем 2 значения от пользователя
        cin >> a >> b;
        int c = Foo(a,b);       //4) Передаем значения в Foo для сложения

        Foo2(c);         //5) С помощью Foo2 выводим результат в консоль

    }

Ну так Trucks у вас в Cars объявлен. Значит и использовать его надо как Cars.Trucks. Либо вынесите Trucks отдельно.
Остальные ошибки - следствие.

класс Trucks объявлен как член класса Cars -

childNodes включает текстовые узлы, у которых атрибутов не бывает

замените на children

const addSum = data =>
  (Array.isArray(data) ? data : []).reduce((acc, n) => {
    n.childrenCountSum = addSum(n.children);
    return acc + +n.count + n.childrenCountSum;
  }, 0);

кавычки кто будет закрывать?

Держите
https://josephwoodward.co.uk/2016/12/in-memory-c-s...

Нельзя использовать дефис при обращении к свойству.
Как вариант:
var_dump($offer->{'delivery-options'});

Вместо добавления в #elem нового контента следует полностью перезаписывать его содержимое:

document.querySelector('#elem').innerHTML = `
  <table>${Array.from({ length: 2 }, (_, iRow) => `
    <tr>${Array.from({ length: columns }, (_, iCol) => `
      <td>${iRow + 1}.${iCol + 1}</td>`).join('')}
    </tr>`).join('')}
  </table>
`;

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

const table = document.createElement('table');
table.insertRow();
table.insertRow();
document.querySelector('#elem').append(table);

И добавлять недостающее или удалять лишнее:

for (const n of table.rows) {
  while (n.cells.length < columns) {
    n.insertCell().textContent = `${-~n.rowIndex}.${n.cells.length}`;
  }

  while (n.cells.length > columns) {
    n.lastElementChild.remove();
  }
}

const result = [...str].reduce((acc, n) => (acc[n] = (acc[n] ?? 0) + 1, acc), {});

Или, в более общем виде:

function count(data, key = n => n) {
  const counted = {};

  for (const n of data) {
    const k = key(n);
    counted[k] = -~counted[k];
  }

  return counted;
}


const result = count(str);

Работать можно не только со строками, но и, например, с массивами:

const nums = [ -Infinity, -1, 0, 0, 0, 0, 69, 187, 666 ];
console.log(count(nums, Math.sign)); // {0: 4, 1: 3, -1: 2}

Или коллекциями DOM-элементов:

<div data-country="USA">New York</div>
<div data-country="USA">Boston</div>
<div data-country="USA">Las Vegas</div>
<div data-country="Japan">Osaka</div>
<div data-country="Japan">Tokyo</div>
<div data-country="Japan">Kyoto</div>
<div data-country="Japan">Yokohama</div>
<div data-country="Germany">Munich</div>
<div data-country="Germany">Dresden</div>

const cities = document.querySelectorAll('[data-country]');
console.log(count(cities, n => n.dataset.country)); // {USA: 3, Japan: 4, Germany: 2}

Вообще, с любыми итерируемыми объектами работать можно:

count(Array(9).keys(), n => [ 'чётные', 'нечётные' ][n & 1]) // {чётные: 5, нечётные: 4}

const findPath = (arr, id) =>
  (Array.isArray(arr) ? arr : []).reduce((found, n) => {
    if (!found) {
      found = n.category.categoryId === id
        ? []
        : findPath(n.children, id);

      if (found) {
        found.unshift(n.category);
      }
    }

    return found;
  }, null);

document.querySelector('table').addEventListener('input', e => {
  const tr = e.target.closest('tr');
  const price = parseInt(tr.querySelector('.price').innerText);
  const value = e.target.value;

  tr.querySelector('.item_result').innerText = value * price;
});