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

Cкачать код: https://itgid.info/ru/post/input-wheel
🔶 https://itgid.info/ru/course/js20/fetch-javascript
Задать вопрос по курсу: https://telegram.me/itgid_admin
✈️ Телеграм канал общий: https://t.me/itgid_info

👨‍🎓 Курсы:
HTML : https://itgid.info/ru/course/html
JavaScript 2.0: https://itgid.info/ru/course/js20
ReactJS: https://itgid.info/ru/course/reactjs
PHP: https://itgid.info/ru/course/php
Интернет магазин: https://itgid.info/ru/course/nodeshop

Канал ru: https://www.youtube.com/c/itgid
Канал UA: https://www.youtube.com/channel/UC2WYDELeKCCfJoQMFPiMvJg

Улучшаем 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