Пашенька

Если домены сайта и айфрейма различны, то это невозможно. Б - безопасность.

Вы вешаете обработчик на кнопку, которую после клика тут же удаляете. Код внутри обработчика будет выполнен только один раз естественно. Чего вы ожидаете? Это вам не реакт и прочая лабуда. Тут нужно работать.

import "./styles.css";

const btnApp = document.querySelector("button");
const app = document.querySelector("#app");

let score = 0;
let time = 10;

btnApp.addEventListener("click", () => {
  console.log('hello, you see it only once!') // hello, you see it only once!
  btnApp.remove();

  // Create button Click
  const newBtn = document.createElement("button");
  app.insertAdjacentElement("beforeend", newBtn);
  newBtn.textContent = "Click";

  // Create score
  const newScore = document.createElement("span");
  app.insertAdjacentElement("beforeend", newScore);
  console.log('this will happen only once too!') // this will happen only once too!
  newScore.textContent = `Score: ${score}`;


  // Score++
  newBtn.addEventListener("click", () => {
    score += 1;
    newScore.textContent = `Score: ${score}`; // I added this
    console.log(score);
  });

  // Create timer
  const newTimeout = document.createElement("span");
  app.insertAdjacentElement("beforeend", newTimeout);
  console.log('this will happen only once tooooo!') // this will happen only once tooooo!
  newTimeout.textContent = `Time: ${time}`;

  timeOut();
});

function timeOut() {
  const timer = setTimeout(() => {
    if (time <= 0) {
      clearTimeout(timer);
    } else {
      time -= 1;
    }
  }, 1000);
}

П.С. удалять кнопку и вместо неё создавать новую - это жёстко.

Прелоадер, очевидно, крутится, потому что вы в JS его убираете, а JS код ещё до этого момента уже посыпался в IE11. Как вариант в самом начале JS файла проверить

function detectIE() {
    var ua = window.navigator.userAgent;
    var msie = ua.indexOf('MSIE ');

    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))  {
        return true;
    }

    return false;
}

if ( detectIE() ) {
    // скрыть прелоадер
    // показать некое сообщение пользователю.
}

Не сильно грузит(но сто килобайт кода(ненужного) выполнить в обозревателе - это довольно существенно) но надобность в нём давно отпала. Я как раз из тех, кто говорит, что нужно писать на нэйтиве.
Почему почти на каждом сайте жуйквери? Дело в том, что люди ленивы по своей натуре, здесь можно списать на привычку и нежелание переучиваться и переписывать свои старые творения тех, кто когда-то начал изучение фронта с джейквери. Тогда было иное время и поведение всех браузеров нужно было "приравнять", это и являлось задачей джейквери. Сейчас браузеры подтянулись (причём давно уже) и джейквери стал архаизмом.
Изучайте ванилу.

Быстрейший и предпочтительный способ приведения строки к числу:
const saltRounds = +process.env.COMPLAXITY;

Так же, как и любую другую

try {
	// your shitty code
} catch(e) {
	if (e instanceof RangeError) {
		console.warn(e);
	} else {
		console.warn('another error', e);
	}
}

Разница в том, что в первом случае вы можете установить всего один обработчик данного типа на элемент. Если попробуете таким образом "добавить" ещё один обработчик, то он просто перезапишет первый.

Во втором случае обработчик добавляется (о чём, собственно, и повествует наименование метода) вне зависимости от того есть на элементе обработчик этого же типа события или нет.

Это невозможно. Селекты - OS-зависимые и не поддаются стайлингу, кроме пары свойств. Тебе нужен self-made select

let hashvoices = Object.create(null);
for (let = 0; i < voicearray.length; i++) {
    hashvoices[voicearray[i]] = 'я не понял какой value нужен';
}

Слайдер нужно писать в ООП стиле. Вызывать его на некотором контейнере и работать(искать) в этом контексте, если вы желаете получить несколько экземпляров слайдера.
То, что вы в одном месте поменяли на querySelectorAll, не сделает все остальные querySelector работающими как надо. Удалить и переписать заново, используя приобретённый опыт.

Боже, больно на это смотреть

$('.main-header__info').click(function() {
  $(this).toggleClass('main-header__info__active');
  
  if ($(this).hasClass('main-header__info__active')) {
    $('.news__block').css({
      'display': 'none'
    });
    $('.main-header__mobile').css({
      'display': 'block'
    });

  } else {
    $('.news__block').css({
      'display': 'block'
    });
    $('.main-header__mobile').css({
      'display': 'none'
    });
  }

});

Как бы я написал:

document.querySelector('.main-header__info').onclick = function() {
  this.classList.toggle('main-header__info__active'); // не знаю, действительно ли вам нужен этот класс. Если нет, то можно убрать эту строку вовсе
  
  var blockNews = document.querySelector('.news__block'),
      headerMobile = document.querySelector('.main-header__mobile'); // Можно достать из этого замыкания и выбирать разово, но тогда переменные будут глобальными
           
  blockNews.style.display = getComputedStyle(blockNews).display === 'block' ? 'none' : 'block';
  headerMobile.style.display = getComputedStyle(headerMobile).display === 'none' ? 'block' : 'none';
}

https://jsfiddle.net/like_a_boss/jxfm516a/10/



Но это буллшит. Так не делается, если вы прибегаете к такому, вы делаете что-то не то.