Слайдер цифр

Простой слайдер цифр

Это, наверное, самый простой слайдер цифр. Сделал его, практически, на одном лишь HTML, причём, даже не в HTML 5, а в версии HTML 4.01 Transitional.

Просто, использовал новый тэг output и новый атрибут тэга form oninput. Для чего они служат, хорошо видно на нижнем рисунке.
Наиболее важные, по моему мнению, места в нём я подчеркнул красным. Там же есть и код этого интересного, простого слайдера.

А здесь, ниже, показал его действующий пример.

Действующий пример слайдера

Действие тэга output проявляется при любом сдвиге ползунка.   Поле с ним я специально сделал БОЛЬШИМ и ЯРКИМ.

Атрибуты тэга output и код слайдера

Данный пример использования JavaScript для создания простого слайдера цифр удалось сделать, благодаря наличию вот таких атрибутов у тэга output.

Важно!  Если не поставить "0" между открывающим и закрывающим тэгами output, то поле вывода появляется лишь после сдвига ползунка, что не очень хорошо. Как-то уж очень неожиданно!

Ну, а самое интересное в коде приведённого примера то, что JavaScript в нём прописан всего лишь как значение атрибута.

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

ВВЕРХ