Решил написать вторую часть про создание слайдера без библиотек. Для того, чтобы понимать, что здесь происходит нужно просмотреть первую часть. А еще лучше просмотреть код. Если в первая статья была для новичков, то для чтения этой части нужен более продвинутый уровень. Будет много кода. Мы будем менять и переписывать это. Также как и в прошлый раз, наливаем себе чаек☕ и начинаем. Ссылка на новую рабочую версию в конце статьи. Советую читать код по порядку. Я его разделил на этапы. Пререквизиты В предыдущей статье мы написали простой слайдер с переключением по кнопкам...

В этой статье мы научимся передвигать объект внутри какой-то области при помощи клавиш со стрелками на клавиатуре. Создадим файл index.html и две папки: js и css. В папке js создадим файл main.js, а в папке css создадим файл style.css. Теперь в файле index.html создадим начальную разметку и подключим файл стилей style.css и файл скрипта main.js . В теге body создадим div с классом app, а в нем создадим div с классом ball. DIV с классом app - это область, внутри которой будет перемещаться объект...