Anonymous Penguin

А кто должен был учить основы языка?

'kagura\'s-verity'
Также не нужно забывать про остальные виды литеральных кавычек

"kagura's-verity"
`kagura's-verity`

А почему используешь строки для запоминания карт? JS - динамически-типизированный язык, приведение типов происходит автоматически. Так что, правильнее тут будет заменить все строки на числа.
К решению:

1. Я описал выше. И прибавление само будет совершаться правильно

2.
1) Вместо букв используй "цену" карты: j = 11, q = 12, k = 13, a = 14
2) При выводе заменяй числа на буквы

const ranks = [10, 11, 12, 13, 14]; // 10, j, q, k, a
const readableRank = r => r > 10 ? [ 'j', 'q', 'k', 'a' ][r - 11] : r;

// Где-то вывод последовательности (например):
const result = ranks.map(readableRank);
// .map() вызывает функцию для каждого элемента массива и создает новый из результатов

Get-параметры для запроса?

axios.get('https://example.com/', {
  params: {
    foo: 'bar',
    spam: 'eggs'
  }
});

const pages = [...Array(Math.ceil(reposCount / elementsCount) + 1).keys()].slice(1)

JS чувствителен к регистру

querySelectorALL - неправильно
querySelectorAll - правильно

JavaScript Fluid Simulation/Animation
https://www.youtube.com/watch?v=5Q4vmjVxdrk

Всё правильно, метод возвращает false и первой выполняется ветка else, результат возвращается ожидаемый:

let company = {
  sales: [{name: 'John', salary: 1000}, {name: 'Alice', salary: 600 }],
  development: {
    sites: [{name: 'Peter', salary: 2000}, {name: 'Alex', salary: 1800 }],
    internals: [{name: 'Jack', salary: 1300}]
  }
};

function sumSalaries(department) {
  if (Array.isArray(department)) {
    console.log('case 1');
    return department.reduce((prev, current) => prev + current.salary, 0);массива
  } else {
    console.log('case 2'); // Выполняется первой
    let sum = 0;
    for (let subdep of Object.values(department)) {
      sum += sumSalaries(subdep);
    }
    return sum;
  }
}

alert(sumSalaries(company)); // 6700 === 6700

О фреймворках мы даже не слышали...

Вот как сделать на чистом жс:

fetch('./block.html')
  .then(res => res.text())
  .then(text => document.getElementById('body').innerHTML = text)

И опять же, об этом тоже надо было знать

https://www.youtube.com/watch?v=XGioNBHrFU4

Судя по всему, сайт просто не может получить доступ к бекенду. Сейчас ты запускаешь сайт из локального файла, а в таком случае все сетевые запросы блокируются браузером. Попробуй запустить сайт с локального хоста (Open Server или Denwer), и то вряд ли что выйдет, потому что сервер может проверять на соответствие домена

// На странице с инпутом:
document.getElementById('myInput').oninput = function () {
    sessionStorage.setItem('my-input_save', this.value);
}

// На странице вывода:
alert(sessionStorage.getItem('my-input_save'));

Сетевые запросы - https://learn.javascript.ru/network
Fetch - https://learn.javascript.ru/fetch

let text = 'Lorem ipsum dolor sit amet' 
console.log(text.match(/(?<=(\s+)|^)[a-z]+(?=(\s+)|$)/gi)); 

console.log(text.split(/\s+/));

В css через content никак нельзя вставлять разметку. Она отобразится как обычный текст. Я имею ввиду, что PHP хоть и сможет вставить результат вызова функции на свое место, но если там будут HTML-теги, они переформатируются в мнемоники

window.getComputedStyle(e1) - получает все вычисленные CSS-свойства
window.getComputedStyle(e1).color