Cr2ed

$('a').on('click', async function(e) {
		e.preventDefault();
    	$('h2').hide();
		let mrd = await showInfo();

    const content = mrd.map(function(res, elem) {	
			return `
					<div class="box">${res.website}, элемент ${elem}</div>
			`
			}).join('');

    const el = $(content);
    $('body').find('h2').after(el);
    el.on('click', function() {console.log($( this ).text())});
		
	});

Скорее всего опечатка:

const skipButtons = player.querySelector('[data-skip]');

возвращает 1 элемент. Наверное вы хотели применить querySelectorAll

Модете воспользоваться findIndex или find. Если надо найти несколько элементов по заданным условиям - используем filter

Тык

Опечатка в имени функции: dargStart -> dragStart

Первый аргумент превращаем в массив (назавем его условно alphArr). Далее на основании второго числа нужное количество раз генерим рандомное число в диапазоне от 0 до alphabet.length и по этому числу обращаемся к массиву alphArr. Полученное значение кладем в другой массив result. В конце делаем result.join('');

// слушаем все клики на документе
document.addEventListener('click', (event) => {
    // проверяем наличие нужного нам класса у элемента по которому кликнули
    if (event.target.matches('.my-class')) {
        // делаем то что нам надо
    }
  
});

>> Возможно ли организовать взаимодействие Angular4 и моего бэкэнда через REST API?
Angular позволяет вам взаимодействовать через REST API. Сейчас практически любой модный фреймворк умеет это из коробки.
>> Я читал, что Angular используется только для одностраничников
Это не означает что у вас совсем одна страница будет. Angular аозваляет в зависимости от текущего path в браузере отображать нужный вам контент.

тык

Что бы на айфоне выбрать табу приходится выделить тапнуть по ней два раза. В первый раз вешаются стили которые вешаются при hover на десктопе, а пи втором меняется контент под табами и перевешивается active класс на новую табку.

Разберем по порядку

function ask1(){
var a = prompt("Ввести еще одного пользователя?", "");
  if (a!=null){
        ask();}
        else (test());
    }

Тут лучше использовать confirm. Также тут не правильно используется else. Будет выглядеть так:

function ask1(){
      if (confirm("Ввести еще одного пользователя?")) {
        ask();
      } else {
        test()
      }
}

Вторая ошибка в объявлении метода test

function test(persons) {
        res = persons.join("<br/>");
        document.write("<p>" + res);
}

Вы почему то на вход принимаете массив, но не передаете его в месте вызова. И этот параметр можно опустить.
Метод say. Вы на вход ожидаете параметр person, нов месте вызова его не передаете.
Так же у вас одна и таже ссылка на person. Т.е. не вводишь нового а меняешь старого и добавляешь его еще раз в массив.

Весь код будет выглядеть так:

var persons = [];

    function ask() {
      var person = {}
      
      person.name = prompt("Введите свое имя:");
      person.sname = prompt("Введите свою фамилию:");
      person.age = prompt("Введите свой возраст:");
      
      persons.push(person);
      
      ask1();
    }
    function ask1(){
      if (confirm("Ввести еще одного пользователя?")) {
        ask();
      } else {
        test()
      }
    }

    function test() {
        persons.forEach(person =>  { say(person); document.write("<p></p>");})
    }

    function say(person) {
      document.write("Имя: " + person.name + "<br/>");
      document.write("Фамилия: " + person.sname + "<br/>");
      document.write("Возраст: " + person.age + "<br/>");
      document.write("");
    }
    ask();