Сергей delphinpro

https://yandex.ru/search/?text=visually-hidden

https://swiperjs.com/swiper-api#parameters
https://swiperjs.com/swiper-api#param-direction
https://swiperjs.com/demos#thumbs-gallery

Возвращается тут экземпляр класса Carousel, а не готовый DOM.
Разметка создается и инжектируется в страницу прямо внутри класса.
Как это делается, довольно подробно расписано здесь

btn.forEach((key, index) => {
})

upd
Названия переменных у вас плохие.

// Это коллекции - множественная форма
let buttons = document.querySelectorAll('.advertisement-tabs__item');  //Кнопки табой
let blocks = document.querySelectorAll('.advertisement-tabs__content') //Контент

// Что еще за key? Там кнопка
buttons.forEach((btn, index) => {
    btn.addEventListener('click', function() {
      console.dir(btn)
      blocks.forEach(block => {
        block.classList.toggle('active', btn === block)
      })
    })
  })

Может просто не выводить картинку, если ее нет?
Условно (php):

if ($src) {
  echo '<img src="'.$src.'">';
}

Можно в css.
Если отсутствие картинки выражается в пустом src, то так

img[src=""] {
  display: none;
}

Если отсутствие src, то так

img:not([src]) {
  display: none;
}

Ну и т.п. насколько фантазии хватит.

import поменяйте на require

UPD
И понизьте версию gulp-imagemin до 7.1.0

Имени нет. Добавьте атрибут name="when"

Это не плейсхолдер. Это уже маска.
Соответственно гуглим mask input. Решений – вагон и маленькая тележка.

Да ГУГЛИТЕ немного, блин!!!!!!!

РАЗ! : https://developer.mozilla.org/en-US/docs/Web/API/E...

Возвращает промис. Ок

ДВА! : https://developer.mozilla.org/en-US/docs/Web/JavaS...

Неужели это трудно?

let a = 'true';
if (typeof(a) === 'string'
 || typeof(a) === 'boolean'
 || typeof(a) === 'number'
){
  console.log(typeof(a));
} else {
  console.log('Тип а не определен');
}

let a = 'true';
if ( ['string', 'boolean', 'number'].includes(typeof(a)) ){
  console.log(typeof(a));
} else {
  console.log('Тип а не определен');
}

let a = 'true';
if (typeof(a) === 'string'){
  console.log(a + ' - строка');
} else if (typeof(a) === 'boolean') {
  console.log(a + ' - логический тип');
} else if (typeof(a) === 'number') {
  console.log(a + ' - число');
} else {
  console.log('Тип а не определен');
}

let a = 'true';
switch (typeof(a)) {
  case 'string':
    console.log(a + ' - строка');
    break;
  case 'boolean':
    console.log(a + ' - логический тип');
    break;
  case 'number':
    console.log(a + ' - число');
    break;
  default:
    console.log('Тип а не определен');
}

$(this).click(function() { // ID откуда кливаем
  $('html, body').animate({
    scrollTop: $("#reviewsView").offset().top - 100  // Внезапно! Всего-то минус сто
  }, 1000); // Скорость прокрутки
});

$.ajax({
  url: '<?php echo admin_url( "admin-ajax.php" ) ?>',
  type: 'POST',
  data: {
    action: 'editAccount',
    settings: array_setting,
  },
  success: function( data ) {
    console.log(data);
  }
});

Мужик, ну ты хотя бы документацию прочитай, прежде чем вопрос задавать!!!

Вот с MDN цитата

На верхнем уровне скриптов и функций let, в отличии от var, не создаёт свойства на глобальном объекте.

ДОКУМЕНТАЦИЯ!!! – наше всё.