Занимательные задачи JavaScript
788 subscribers
8 links
Ваша цель: решить задачу максимально изящно и просто. Предлагайте свои варианты решения в комментариях. Задачи выходят каждый день в 14.00.
Download Telegram
Задача 218
Дивы по центру

Даны два дива разных размеров и кнопка. По клику на кнопку поставьте центр меньшего дива в центр большего.
1
Задача 219
Точка в центре

Дан див. По клику на этот див поставьте в центре этого дива точку.
Задача 220
Нарисовать диагонали

Дан див. Нарисуйте пунктирными линиями диагонали этого дива.
Задача 221
Расстояние между центрами

Даны два дива. Найдите расстояние между их центрами.
1🔥1
Задача 222
В разные стороны

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

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

Дан див и кнопка. По клику на кнопку плавно прокрутите страницу к этому диву.
Задача 225
Имя файла

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

Нарисуйте цветок на канвасе.
Задача 227
Центральная цифра

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

Дана строка. Смените регистр всех букв в ней.
1
Задача 229
Площадь дивов

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

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

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

Нарисуйте смайлик на канвасе.
2
Задача 233
Площадь границ

На странице есть прямоугольные дивы. Найдите суммарную площадь границ этих дивов.
2👏1
Задача 234
Драг дроп сложение

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

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

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

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