Почему не работает код JavaScript?

Question

[Леонид Тен]

Здравствуйте! У меня не отрабатывает скрипт, который должен реализовывать горизонтальную прокрутку в отдельной секции на сайте, думаю, что возможно я как то неправильно прописал селекторы в CSS, либо как то кривовато прописал теги в HTML, никак не могу разобраться в чем проблема.

Файлы HTML, CSS, JS прикрепил по ссылке:
https://pastebin.com/u/SegaMegaPro/1/05dp26eX

Брал идею и код с образца и пытался переделать на свой случай, ссылка:
https://codepen.io/alvarotrigo/pen/gOmgRzL

Answer 1

[Eugene]

А зачем ты сюда:

scrollContainer.addEventListener("wheel", (evt) => {
    evt.preventDefault();
    scrollContainer.scrollLeft += evt.deltaY;
});

Прописал имя своего класса "sideScroll" ?

addEventListener - отслеживает wheel. Как ты колесиком крутишь.
Если ты в js не знаешь - лучше не лезь, а учи что и как работает.

Все там работает нормально, ты сам себе сломал js, так еще и порнуху в html устроил с кучей оберток и дивов без классов.

https://codepen.io/bestowhope/pen/abjXjVo

PS:
Файлы надо грузить в песочницу, а не давать ссылку на архив

Comments

[Eugene]

Конкретно в твоем коде все работает, если вернуть в js wheel, вместо твоего sidescroll

+ зачем ты добавил All в querySelector??

1. Убрать All, чтобы было querySelector
2. Вернуть wheel

- все работает

https://codepen.io/bestowhope/pen/oNMmMyL

[Леонид Тен]

Помогло, спасибо большое!
По поводу JS'а, можете посоветовать какие то учебники, либо сайты, где можно было бы поэтапно все разобрать, т.к в этом деле я зеленый пока что

[Eugene]

Леонид Тен,
https://learn.javascript.ru