Size: a a a

JavaScript.Ninja

2020 March 10

IL

Ihor Levchenko in JavaScript.Ninja
фронтенд это уже скорее слой отображения данных, но ядро доменной модели невидимо для конечного зрителя, так как оно может сильно отличаться от того, что видит юзер на экране.

И чем меньше бизнес логики во фронтенде - тем лучше.
источник

ИЛ

Иван Литвак in JavaScript.Ninja
Привет, тут по js подсказывают? За ссылку на кодепен не забаните?
источник

BM

Borislav Mitrofanov in JavaScript.Ninja
подсказываем. за бан - не знаю )
источник

ИЛ

Иван Литвак in JavaScript.Ninja
нашел топовый слайдер https://codepen.io/TryDotAtwo/pen/WNvXZRE

Подскажите варианты как его размножить(чтобы было много на странице). Пробовал через онклик передавать цифру и по ней идентифицировать, но цифра тупа не передается
источник

BM

Borislav Mitrofanov in JavaScript.Ninja
24 и 25 строка.
замени на getElementsById
источник

BM

Borislav Mitrofanov in JavaScript.Ninja
и инициализируй слайдеры по id
источник

BM

Borislav Mitrofanov in JavaScript.Ninja
ну или я не знаю что у тебя не получилось ))
источник

ИЛ

Иван Литвак in JavaScript.Ninja
Если я правильно понял, то это гениальное решение. Я просто приписываю к каждому слайдеру в html id`ку и при нажатии на кнопку js будет проверять id, а не класс, при этом ксс останется прежним

Спасибо
источник

ИЛ

Иван Литвак in JavaScript.Ninja
я думал сделать переменную с цифрой, получать эту цифру из onclick и прибавлять к имени класса внутри функции, но что-то пошло не так и я вообще даже близко не понял в чем проблемы были.
источник

BM

Borislav Mitrofanov in JavaScript.Ninja
трабл только в том, что тебе нужно счётчик в объект отдельного слайдера засунуть.
источник

BM

Borislav Mitrofanov in JavaScript.Ninja
а то на перелистывании у тебя все слайдеры листаться будут
источник

ВП

Виктор Притулюк in JavaScript.Ninja
Иван Литвак
я думал сделать переменную с цифрой, получать эту цифру из onclick и прибавлять к имени класса внутри функции, но что-то пошло не так и я вообще даже близко не понял в чем проблемы были.
можно сделать 1 функцию-слайдер, только листать каждый по отдельности. области видисомти, замыкания... https://developer.mozilla.org/ru/docs/Web/JavaScript/Closures
источник

ИЛ

Иван Литвак in JavaScript.Ninja
Не, я не понял в итоге. Я могу приписать id, но я все еще не понимаю как мне отличать слайдеры друг от друга в итоге, чтобы при нажатии один крутился.
источник

BM

Borislav Mitrofanov in JavaScript.Ninja
+
но я не стал его так грузить, ведь он ещё маленький
источник

ВП

Виктор Притулюк in JavaScript.Ninja
Иван Литвак
Не, я не понял в итоге. Я могу приписать id, но я все еще не понимаю как мне отличать слайдеры друг от друга в итоге, чтобы при нажатии один крутился.
вот именно что тут или прописывать пару листов текста просто копиями слайдеров с разницей в имени slider1, slider2 и т.д., либо же вникнуть в статью указанную выше и система все сделает сама
источник

BM

Borislav Mitrofanov in JavaScript.Ninja
Иван Литвак
Не, я не понял в итоге. Я могу приписать id, но я все еще не понимаю как мне отличать слайдеры друг от друга в итоге, чтобы при нажатии один крутился.
гляди. запихни все эти методы в Объект. А в самом начале getEllementsByClass (или как там), затем прочеши по этому массиву, создай объекты слайдеров и радуйся.
источник

BM

Borislav Mitrofanov in JavaScript.Ninja
да, либо сделай по умному как советует Виктор. Но тут придётся посидеть часика 3, понять что такое замыкания.
источник

ВП

Виктор Притулюк in JavaScript.Ninja
потратить 1 раз - пользоваться всю будущую жизнь (програмистскую)
источник

ИЛ

Иван Литвак in JavaScript.Ninja
Я теперь понимаю что ощущают некоторые на мат анализе и мат физике
источник

ИЛ

Иван Литвак in JavaScript.Ninja
я могу в getEllementsByClass в качестве аргумента передать переменную какую-то?
источник