Задача 45
Перемещение элемента по клику

Дан элемент страницы. Нажмем на этот элемент, тем самым активировав его. Повторное нажатие на страницу должно приводить к перемещению элемента (его центра) в эту точку клика.

Задача 46
Селект и радио кнопочки

Дан селект и радио кнопочки, количество радио равно количеству пунктов в селекте. Сделайте так, чтобы при выборе пункта в селекте автоматически становилась отмеченной соответствующая радио кнопочка.

Задача 47
Ограничение на чекбоксы

На странице есть чекбоксы, изначально неотмеченные. Сделайте так, чтобы только 3 чекбокса из них могли быть отмеченными. При попытке отметить 4-тый чекбокс ничего не должно происходить.

Задача 48
Покрасить body в случайный фон

Сгенерируйте случайное шестнадцатеричное значение для свойства background-color и установите его для тега body. Сделайте так, чтобы цвет менялся каждые 5 секунд.

Задача 49
Бешенная кнопка

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

Задача 50
Запрет ввода символов

Запретите водить некоторые символы в инпут. Любые другие символы должны вводится, а эти просто не будут появляться, сколько бы мы ни жали на них.

Задача 51
Сохранение размера textarea

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

Задача 52
Кружок по клику

По клику на экран в месте клика должен появляться кружок с центром в месте клика и радиусом 10px (при каждом клике новый кружок). Если кликнуть на такой кружок - он должен удалиться.

Задача 53
Обратный отсчет с сохранением

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

Задача 54
Дополнение массива до заданного размера

Реализуйте функцию, которая будет дополнять массив заданными элементами до заданного размера. Пример работы такой функции:
let res = func([1, 2, 3], 6, 0); // дополним нулями до размера 6
console.log(res); // выведет [1, 2, 3, 0, 0, 0]

Задача 55
Перемена состояний чекбоксов

Пусть даны чекбоксы, отмеченные и нет. По нажатию на кнопку сделайте так, чтобы все чекбоксы сменили свое состояние.

Задача 56
Генератор пароля

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

Задача 57
Адаптация ширины инпута

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

Задача 58
Подсчет стран в массиве объектов

Даны города и их страны следующей структуре:
let data = [
{
country: 'Россия',
city: 'Москва',
},
{
country: 'Беларусь',
city: 'Минск',
},
{
country: 'Россия',
city: 'Питер',
},
{
country: 'Россия',
city: 'Владивосток',
},
{
country: 'Украина',
city: 'Львов',
},
{
country: 'Беларусь',
city: 'Могилев',
},
{
country: 'Украина',
city: 'Киев',
},
];
Подсчитайте количество стран. В качестве результата получите объект, в котором ключами будут страны, а значениями - их количество.

Задача 59
Конвертация массива городов и стран

Дан список городов и их стран, хранящийся в следующей структуре:
let data = [
{
country: 'country1',
city: 'city11',
},
{
country: 'country2',
city: 'city21',
},
{
country: 'country3',
city: 'city31',
},
{
country: 'country1',
city: 'city12',
},
{
country: 'country1',
city: 'city13',
},
{
country: 'country2',
city: 'city22',
},
{
country: 'country3',
city: 'city31',
},
]

Напишите код, которой переделает структуру данных вот в такую:
{
'country1': [
'city11', 'city12', 'city13',
],
'country2': [
'city21', 'city22'
],
'country3': [
'city31', 'city32'
],
}

Задача 60
Конвертация массива дат

Дан список каких-то данных за определенные даты, хранящийся в следующей структуре:
let data = [
{
year: 2019,
month: 11,
day: 20,
data: ['массив данных']
},
{
year: 2019,
month: 11,
day: 21,
data: ['массив данных']
},
{
year: 2019,
month: 12,
day: 25,
data: ['массив данных']
},
{
year: 2019,
month: 12,
day: 26,
data: ['массив данных']
},
{
year: 2020,
month: 10,
day: 29,
data: ['массив данных']
},
{
year: 2020,
month: 10,
day: 30,
data: ['массив данных']
},
{
year: 2020,
month: 11,
day: 19,
data: ['массив данных']
},
{
year: 2020,
month: 11,
day: 20,
data: ['массив данных']
},
}

Напишите код, которой переделает структуру данных в структуру вида:
{
год1: {
месяц1: {
день1: [массив данных],
день2: [массив данных],
день3: [массив данных],
}
месяц2: {
день1: [массив данных],
день2: [массив данных],
день3: [массив данных],
}
}
год2: {
месяц1: {
день1: [массив данных],
день2: [массив данных],
день3: [массив данных],
}
месяц2: {
день1: [массив данных],
день2: [массив данных],
день3: [массив данных],
}
}
}

Задача 61
Разворачивание объекта с массивами

Дан список событий за определенные даты, хранящийся в следующей структуре:
{
'2019-12-29': ['name1', 'name3', 'name5', 'name7'],
'2019-12-30': ['name4', 'name8', 'name9'],
'2019-12-31': ['name2', 'name6'],
}

Напишите код, которой переделает структуру данных вот в такую:
[
{
date: '2019-12-29'
event: 'name1'
},
{
date: '2019-12-31'
event: 'name2'
},
{
date: '2019-12-29'
event: 'name3'
},
{
date: '2019-12-30'
event: 'name4'
},
{
date: '2019-12-29'
event: 'name5'
},
{
date: '2019-12-31'
event: 'name6'
},
{
date: '2019-12-29'
event: 'name7'
},
{
date: '2019-12-30'
event: 'name8'
},
{
date: '2019-12-30'
event: 'name9'
},
]

Задача 62
Конвертация дат с рабиением

Дана следующая структура:
{
'2019-12-31': 1,
'2019-12-30': 2,
'2019-12-29': 3,
'2019-11-28': 4,
'2019-11-27': 5,
'2018-12-31': 6,
'2018-12-32': 7,
}

Напишите код, которой переделает структуру данных вот в такую:
{
2019: {
12: {
31: 1,
30: 2,
29: 3,
},
11: {
28: 4,
27: 5,
}
},
2018: {
12: {
31: 6,
30: 7,
},
}
}

Задача 63
Следующее число Фибоначчи

Сделайте функцию, каждый новый вызов которой будет выдавать следующее число Фибоначчи.

Задача 64
Разбиение картинки

Дана картинка. Разбейте ее на N прямоугольников и перемешайте эти прямоугольники в случайном порядке.