Почему не добавляется класс с помощью метода addClass?

Steppp, да, вы правы! Вот html код:

<div class="special-slider-container">
  <div class="swiper-container">
    
    <div class="swiper-wrapper">
       <div class="swiper-slide card"><img src="images/carousel_1.png" alt=""><h1 class="textblock" style="position: absolute; color:#fff">HELLO WORLD 1</h1></div>
      <div class="swiper-slide card"><img src="images/carousel_1.png" alt=""><h1 class="textblock" style="position: absolute; color:#fff">HELLO WORLD 2</h1></div>
       <div class="swiper-slide card"><img src="images/carousel_1.png" alt=""><h1 class="textblock" style="position: absolute; color:#fff">HELLO WORLD 3</h1></div>
     
    </div>
    
    <!-- <button class="swiper-button-prev"></button>
    <button class="swiper-button-next"></button> -->
  </div>
</div>

А вот сама консоль:

Почему не срабатывает скрипт по смене направления в слайдере swiper?

its2easyy, посмотрите пожалуйста данный вопрос. Он похож на этот, тоже насчёт swiper, только уже в codepen: Проблемы с slider-cube, библиотеки swiper?

Почему не срабатывает скрипт по смене направления в слайдере swiper?

its2easyy, подправил код учитывая документацию, но не получилось

$( document ).ready(function() {
   

    var swiper = new Swiper('.swiper-container', {
      slidesPerView: 'auto',
      effect: 'cube',
      arrows: 'true',
      grabCursor: true,
      direction: direction,
      cubeEffect: {
        shadow: true,
        slideShadows: true,
        shadowOffset: 20,
        shadowScale: 0.94,
      },
      
     
      loop: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
  },
  // autoplay: {
  //    delay: 1000,

  // },
  speed:2000,

  });
});
let num = 0;
// let direction = 'horizontal';
// let isVertical = true;
// let result = mySolution();
//     console.log(result);

function mySolution(){
      
      num++;
    if(num == 2){
       swiper.changeDirection(direction);
      // isVertical = !isVertical;
      // direction = isVertical ? 'vertical' : 'horizontal';
      num = 0;
    }
    
  }

Как запретить нажатии на submit, пока не будут установлены все чекбоксы?

Решил, спасибо!

_side1.onclick = () => {
  const checked = _side1.querySelectorAll('input:checked').length
  const boxes = _side1.querySelectorAll('input[type=checkbox]').length
  submit.disabled = (checked !== boxes)
}

_side2.onclick = () => {
  const checked = _side2.querySelectorAll('input:checked').length
  const boxes = _side2.querySelectorAll('input[type=checkbox]').length
  submit.disabled = (checked !== boxes)
}

Как запретить нажатии на submit, пока не будут установлены все чекбоксы?

а если я в одной форме использую 2 блока, и виден только один блок. В каждом блоке по 3 чекбокса и только их нужно проверять, что тогда делать? Я попробовал так...

<form class="form-check" id="side1">
  <div class="side1">
    <input type="checkbox" id="check1" />
    <input type="checkbox" id="check2" />
    <input type="checkbox" id="check3" />
  </div>
  <div class="side2">
    <input type="checkbox" id="check1" />
    <input type="checkbox" id="check2" />
    <input type="checkbox" id="check3" />
  </div>
  
  <button type="submit" class="btn btn-primary" disabled="disabled" id="submit">Next</button>
</form>

side1.onclick = () => {
  const checked = side1.querySelectorAll('input:checked').length
  const boxes = side1.querySelectorAll('input[type=checkbox]').length
  submit.disabled = (checked !== boxes)
}

side2.onclick = () => {
  const checked = side2.querySelectorAll('input:checked').length
  const boxes = side2.querySelectorAll('input[type=checkbox]').length
  submit.disabled = (checked !== boxes)
}

Как сделать такую же темную часть, как на изображении?

вот что получилось с вашими стилями

Как сделать такую же темную часть, как на изображении?

а можно с фотошопа вытащить этот градиент?

Как заставить элемент скрыться при определённом значения скролла вниз?

kocherman, вот спасибо! Как раз хотел спросить у вас о ошибке.
А зачем к $('.lang-selector') нужно писать [0] ?

Как заставить элемент скрыться при определённом значения скролла вниз?

Ankhena, да, сработало, спасибо! А вы можете пояснить, почему возникала ошибка с display: none? Хочется понять!

Как заставить элемент скрыться при определённом значения скролла вниз?

а при этом коде он показывает ошибку

55index.html:1063 Uncaught TypeError: Cannot set property 'display' of undefined

$(window).on("scroll", function() {
    if ($(window).scrollTop() > 850){
      $('.lang-selector').style.display = "none";
    } 
  });

Как заставить элемент скрыться при определённом значения скролла вниз?

Ankhena, сделал так. Что здесь не в порядке? Показывает ошибку:
55index.html:1063 Uncaught TypeError: Cannot set property 'display' of undefined

$(window).on("scroll", function() {
    if ($(window).scrollTop() > 850){
      $('.lang-selector').style.display = "none";
    } 
          
    });

Создание парсинга, этапы?

kocherman, я возвращаюсь к своему вопросу относительно создания парсера. Я пытаюсь чётко определить шаги создания и подробно рассмотреть каждый шаг, чтобы понять как это всё работает. И за тем, преступить к реализации каждого шага. Я вынес шаги на другой ресурс и надеюсь, что здесь вы сможете увидеть:
https://desygner.com/editor/?id=IUynWPWcVki&referr...

Если же опять будет проблема, то вот вам картинка:


Надеюсь, что вы мне поможете разобраться! Если шаги нужно разбить на дополнительные шаги, то подскажите пожалуйста на какие. И по каждому шагу подробно, какие способы по реализации существуют(я использую язык javascript и хотел бы понять как всё сделать на нём. Если у вас будет желание и время, то отдельно и по php. Но в первую очередь интересует javascript)

Автоматический скролл до закладки при загрузке страницы?

у меня почему-то не работает

Как при загрузки страницы прокрутить её вниз на определённое значение?

Владимир Коротенко, добавил этот код:

function scrollTo(element) {
   window.scroll({
     left: 0, 
     top: element.offsetTop, 
     behavior: 'smooth'
   })
 }
 
 // var button = document.querySelector('.button');
 var footer = document.querySelector('.form-c');
 
 $(document).ready(function() {
   scrollTo(footer);
 })

и заглянул в консоль. А там какие-то ошибки выскакивают от самого файла jquery

Как при загрузки страницы прокрутить её вниз на определённое значение?

Владимир Коротенко, хорошо, я вас жду. Параллельно и сам буду искать!

Стилизация select-options?

kocherman, спасибо тебе большое! Работает хорошо, я только дизайн ему поменял. Вернулся спустя 2 дня) Только вот высота элементов кажется не совсем нормальной. Слишком маленькая, как мне кажется...

Стилизация select-options?

kocherman, Спасибо большое! Выручил! Кстати, я заметил, что если увеличить расстояние между элементами, то они хуже работают. Последние два перестают откликаться вообще. То есть не меняется язык

Стилизация select-options?

Я поднял блок с элементами вверх, но никак не могу их развёртывать вниз

Стилизация select-options?

УАУ))) Круто! Вот где так учат, вы что заканчивали? Кстати, впервые вижу, чтобы так использовали spread оператор, если не ошибаюсь?(let curState = 0;
[...document.querySelectorAll('.footer .lang-selector .lang')]) .А если серьёзно, что вы читали и решали?
P.S. Я помню, что должен был показать вам , на понимание парсинга. У меня просто завал на работе. Я обязательно вышлю, чуть будет время. Возвращаюсь после 12. Вот как раз из-за экзотических требованиях заказчика) Спасибо вам большое!!!

Как изменить положение иконки гамбургера меню?

Роман Дворянов, спасибо большое, помогло