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

Даже если вы только начали заниматься веб-разработкой, то наверняка уже знаете, что для перехода к нужному блоку на странице (прокрутке в нужное место) можно использовать якоря - ссылки вида: <a href="#block-id">Текст ссылки</a> Переход по такой ссылке автоматически прокрутит страницу к блоку с нужным id. А можно ли не "прокручивать", просто сделать такой блок скрытым и показывать его только после нажатия на ссылку? Давайте попробуем, - при клике по ссылке увидим плавно выезжающее слева сообщение...