Задача 221
Расстояние между центрами

Даны два дива. Найдите расстояние между их центрами.

Задача 222
В разные стороны

Даны два дива и кнопка. По клику на кнопку проверьте, накладываются ли два дива друг на друга. Если это так, то раздвиньте дивы в разные стороны так, чтобы наложение пропало.

Задача 223
Полная видимость

Дан див. Проверьте, видим ли этот див целиком или часть его скрыта за границами окна браузера.

Задача 224
Прокрутка к диву

Дан див и кнопка. По клику на кнопку плавно прокрутите страницу к этому диву.

Задача 225
Имя файла

Получите URL из адресной строки браузера. Извлеките из него имя файла.

Задача 226
Цветок

Нарисуйте цветок на канвасе.

Задача 227
Центральная цифра

Дано число с нечетным количеством цифр. Получите центральную цифру из этого числа.

Задача 228
Сменить регистр

Дана строка. Смените регистр всех букв в ней.

Задача 229
Площадь дивов

На странице есть прямоугольные дивы. Найдите их суммарную площадь.

Задача 230
Периметр дивов

На странице есть прямоугольные дивы. Найдите их суммарный периметр.

Задача 231
Дивы с границами

На странице есть прямоугольные дивы. Найдите дивы, у которых есть граница.

Задача 232
Смайлик

Нарисуйте смайлик на канвасе.

Задача 233
Площадь границ

На странице есть прямоугольные дивы. Найдите суммарную площадь границ этих дивов.

Задача 234
Драг дроп сложение

Даны дивы с числами. Сделайте так, чтобы дивы можно было перетягивать и бросать на другие дивы. В момент бросания перетягиваемый див уничтожается, а его значение прибавляется к целевому диву.

Задача 235
Раздача из колоды

На странице нарисована колода карт. По нажатию на колоду из нее должны вылететь 6 случайных карт.

Задача 236
История инпута

Даны инпуты. В любой инпут можно ввести текст и нажать Enter. После этого текст из инпута исчезает. Сделайте так, чтобы каждый инпут запоминал введенные тексты. Над каждым инпутом разместите стрелочки, с помощью которых можно будет возвращать предыдущий введенный текст в инпут.

Задача 237
Получение атрибутов

Дана строка с тегами и атрибутами. Напишите скрипт, который получит атрибуты и их значения в виде массива объектов. Объекты должны хранить имя и значения атрибута.

Задача 238
Последний сегмент пути к папке

Дан некоторый путь к папке '/aaa/bbb/ccc/'. Получите последний сегмент пути. В нашем случае это будет '/ccc/'.

Бесплатная онлайн лекция "Асинхронность в JavaScript"

Лектор: Трепачёв Дмитрий, автор сайта code.mu
Начало: 21 января в 20.00.
Продолжительность: 1.5-2 часа

Лекция пройдет онлайн в виде стрима. На лекции можно будет задавать вопросы в чате. Запись лекции останется, но только на 4 дня.

Будем изучать асинхронность. Эта тема традиционно вызывает сложности у изучающих JavaScript, даже после прочтения учебника. Мы с вами изучим простые примеры асинхронности, затем перейдем к коллбэкам, промисам, изучим работу с async-await, перехватом исключительных ситуаций. Затем мы с вами изучим модель подписок (не вошло в учебник), а также поработаем с технологией AJAX через функцию fetch.

Для записи вступите в следующий канал:
https://t.me/+Zk-oeVPJ1Ws1NjFi

Задача 239
Замена сегмента пути

Дан некоторый путь к папке '/aaa/bbb/ccc/'. Поменяйте заданный сегмент пути на новое значение. К примеру, поменяем второй сегмент пути: '/aaa/+++/ccc/'

Задача 240
Звуки кнопок

Даны три кнопки. Сделайте так, чтобы по клику каждая кнопка издавала свой звук.