196 читали · 1 год назад
Как создать переключатель, только HTML и CSS, Toogle Switch в действии
Народ, всем привет. Сегодня пройдемся по алгоритму создания переключателя (он же Toogle Switch), который довольно часто используют на сайтах. Он используется для переключения языков, или простых Вкл/Выкл, что довольно удобно в настройках, или настройки корзины (добавить допинги, доставка курьером или почтой и т.д.). И алгоритм у данного метода довольно простой, основанный на простой работе «чекбокса», ведь у него всего два значения – да или нет. В будущем можно усложнить и сделать три или даже больше вариаций, но тогда обычно уже используют кастомные «чекбоксы»...
switch в JavaScript
Инструкция switch…case в JavaScript работает также, как и в С++ или Java. Однако есть особенности, которые, с одной стороны, дают больше возможностей, но с другой - могут принести в ваш код труднонаходимые ошибки. Сильно расписывать всё не буду, просто небольшой пример для наглядности: switch(x) { case 0 : cout << 0 << endl; break; case 1 : cout << 1 << endl; break; case 2 : cout << 2 << endl; break; default: cout << '?' << endl; break; } Этот пример будет одинаково работать как в С++, так и в JavaScript (ну за исключением, разумеется, использования cout)...