Улучшаем input для админ-панелей на JavaScript | Ввод чисел с помощью колесика мыши

Cкачать код: 🔶 Задать вопрос по курсу: ✈️ Телеграм канал общий: 👨‍🎓 Курсы: HTML : JavaScript 2.0: ReactJS: PHP: Интернет магазин: Канал ru: Канал UA: Улучшаем input type=number для админ панелей. Программируем изменение числа в input с помощью прокрутки колесиком мыши. Добавляем на input событие wheel (onwheel). Отслеживаем направление вращения и изменяем число в большую или меньшую сторону. Добавляем возможность изменения input с разными шагами. 00:00 input для админ панели 02:15 Создаем файлы проекта 02:45 Создаем верстку HTML 04:00 Создаем JavaScript 06:20 Останавливаем прокрутку страницы 08:05 Изменяем значение input колесиком мыши 09:40 DeltaY для изменения числа вверх-вниз 10:50 Добавляем шаг изменения input 13:15 Оптимизируем код Моя рабочая станция: Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 32GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh HDD: - Samsung 860 Evo-Series 500GB M.2 - Toshiba P300 2TB - Silicon Power A56 256GB Monitors: - 23.8“ Dell P2419HC - 23.8“ Dell P2418D Mouse: Trust Verto Ergonomic Wireless Keyboard: HP KU-1469 Microphone: Samson C01U Pro IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics
Back to Top