Подключение нескольких скриптов

Question

Здрaвствуйте. Есть скрипт, который подключает js файл через 1 сек. после скролла. Подскажите, пожалуйста, как нужно переписать данный код, чтобы можно было подключать не один скрипт, а несколько (через их перечисление)?

В данный момент код выглядит следующим образом:

<script>
let ok = false;
window.addEventListener('scroll', function () {
  if (ok === false) {
    ok = true;
    setTimeout(() => {
      let script = document.createElement('script');
      script.src = 'folder/script-1.js';
      document.getElementById('includer').replaceWith(script);
    }, 1000)
  }
});
</script>

Необходимо чтобы было примерно следующее:

<script>
let ok = false;
window.addEventListener('scroll', function () {
  if (ok === false) {
    ok = true;
    setTimeout(() => {
      let script = document.createElement('script');
      script.src = 'folder/script-1.js';
      script.src = 'folder/script-2.js';
      script.src = 'folder/script-3.js';
      script.src = 'folder/script-4.js';
      script.src = 'folder/script-5.js';
      document.getElementById('includer').replaceWith(script);
    }, 1000)
  }
});
</script>

Как такое можно реализовать?

Answer 1

Так ?

let ok = false;
let scripts = ['folder/script-1.js', 'folder/script-2.js', 'folder/script-3.js', 'folder/script-4.js', 'folder/script-5.js'];

window.addEventListener('scroll', function () {
  if (ok === false) {
    ok = true;
    setTimeout(() => {
      // Очистка тега с элементами
      document.getElementById('includer').innerHTML = '';
      // Заполнение тега новыми в цикле
      scripts.forEach(el => {
          let script = document.createElement('script');
          script.src = el;
          document.getElementById('includer').append(script);
      });      
    }, 1000)
  }
});

БЛОГ НА HUSL

Подключение нескольких скриптов

Ответы (1 шт):