Задача 48
Покрасить body в случайный фон
Сгенерируйте случайное шестнадцатеричное значение для свойства background-color и установите его для тега body. Сделайте так, чтобы цвет менялся каждые 5 секунд.
Покрасить body в случайный фон
Сгенерируйте случайное шестнадцатеричное значение для свойства background-color и установите его для тега body. Сделайте так, чтобы цвет менялся каждые 5 секунд.
👍1🕊1
Задача 49
Бешенная кнопка
Сделайте кнопку, которая будет убегать от пользователя на десяток пикселей, при попытке навести на нее мышь, чтобы нажать. Кнопка не должна убегать за экран.
Бешенная кнопка
Сделайте кнопку, которая будет убегать от пользователя на десяток пикселей, при попытке навести на нее мышь, чтобы нажать. Кнопка не должна убегать за экран.
👍1🕊1
Задача 50
Запрет ввода символов
Запретите водить некоторые символы в инпут. Любые другие символы должны вводится, а эти просто не будут появляться, сколько бы мы ни жали на них.
Запрет ввода символов
Запретите водить некоторые символы в инпут. Любые другие символы должны вводится, а эти просто не будут появляться, сколько бы мы ни жали на них.
🕊1
Задача 51
Сохранение размера textarea
Дан текстареа. Как известно, его размер можно менять, потянув за уголок. Сделайте так, чтобы можно было изменить размер этого текстареа, а затем обновить страницу - и изменения не должны пропасть.
Сохранение размера textarea
Дан текстареа. Как известно, его размер можно менять, потянув за уголок. Сделайте так, чтобы можно было изменить размер этого текстареа, а затем обновить страницу - и изменения не должны пропасть.
👍2🕊1
Задача 52
Кружок по клику
По клику на экран в месте клика должен появляться кружок с центром в месте клика и радиусом 10px (при каждом клике новый кружок). Если кликнуть на такой кружок - он должен удалиться.
Кружок по клику
По клику на экран в месте клика должен появляться кружок с центром в месте клика и радиусом 10px (при каждом клике новый кружок). Если кликнуть на такой кружок - он должен удалиться.
👍2🕊1
Задача 53
Обратный отсчет с сохранением
По заходу на страницу должен начать тикать обратный отсчет от 100 до 0. Как только отсчет дойдет до нуля - он должен остановится и должна появится надпись о том, что отсчет окончен. Отсчет должен продолжаться с прерванного места и после обновления страницы.
Обратный отсчет с сохранением
По заходу на страницу должен начать тикать обратный отсчет от 100 до 0. Как только отсчет дойдет до нуля - он должен остановится и должна появится надпись о том, что отсчет окончен. Отсчет должен продолжаться с прерванного места и после обновления страницы.
🕊1
Задача 54
Дополнение массива до заданного размера
Реализуйте функцию, которая будет дополнять массив заданными элементами до заданного размера. Пример работы такой функции:
let res = func([1, 2, 3], 6, 0); // дополним нулями до размера 6
console.log(res); // выведет [1, 2, 3, 0, 0, 0]
Дополнение массива до заданного размера
Реализуйте функцию, которая будет дополнять массив заданными элементами до заданного размера. Пример работы такой функции:
let res = func([1, 2, 3], 6, 0); // дополним нулями до размера 6
console.log(res); // выведет [1, 2, 3, 0, 0, 0]
🕊1
Задача 55
Перемена состояний чекбоксов
Пусть даны чекбоксы, отмеченные и нет. По нажатию на кнопку сделайте так, чтобы все чекбоксы сменили свое состояние.
Перемена состояний чекбоксов
Пусть даны чекбоксы, отмеченные и нет. По нажатию на кнопку сделайте так, чтобы все чекбоксы сменили свое состояние.
🕊1
Задача 56
Генератор пароля
Напишите скрипт, который генерирует случайную строку заданного размера. В строке обязательно должны быть маленькие и большие латинские буквы, цифры и подчеркивание.
Генератор пароля
Напишите скрипт, который генерирует случайную строку заданного размера. В строке обязательно должны быть маленькие и большие латинские буквы, цифры и подчеркивание.
👍1🕊1
Задача 57
Адаптация ширины инпута
Дан инпут. Сделайте так, чтобы при вводе текста, если текст длиннее ширины инпута, ширина инпута увеличивалась так, чтобы текст в него поместился.
Адаптация ширины инпута
Дан инпут. Сделайте так, чтобы при вводе текста, если текст длиннее ширины инпута, ширина инпута увеличивалась так, чтобы текст в него поместился.
👍1🕊1
Задача 58
Подсчет стран в массиве объектов
Даны города и их страны следующей структуре:
let data = [
{
country: 'Россия',
city: 'Москва',
},
{
country: 'Беларусь',
city: 'Минск',
},
{
country: 'Россия',
city: 'Питер',
},
{
country: 'Россия',
city: 'Владивосток',
},
{
country: 'Украина',
city: 'Львов',
},
{
country: 'Беларусь',
city: 'Могилев',
},
{
country: 'Украина',
city: 'Киев',
},
];
Подсчитайте количество стран. В качестве результата получите объект, в котором ключами будут страны, а значениями - их количество.
Подсчет стран в массиве объектов
Даны города и их страны следующей структуре:
let data = [
{
country: 'Россия',
city: 'Москва',
},
{
country: 'Беларусь',
city: 'Минск',
},
{
country: 'Россия',
city: 'Питер',
},
{
country: 'Россия',
city: 'Владивосток',
},
{
country: 'Украина',
city: 'Львов',
},
{
country: 'Беларусь',
city: 'Могилев',
},
{
country: 'Украина',
city: 'Киев',
},
];
Подсчитайте количество стран. В качестве результата получите объект, в котором ключами будут страны, а значениями - их количество.
👍2🕊1
Задача 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'
],
}
Конвертация массива городов и стран
Дан список городов и их стран, хранящийся в следующей структуре:
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'
],
}
👍1🕊1
Задача 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: [массив данных],
}
}
}
Конвертация массива дат
Дан список каких-то данных за определенные даты, хранящийся в следующей структуре:
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: [массив данных],
}
}
}
👍1🕊1
Задача 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'
},
]
Разворачивание объекта с массивами
Дан список событий за определенные даты, хранящийся в следующей структуре:
{
'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'
},
]
👍1🕊1
Задача 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,
},
}
}
Конвертация дат с рабиением
Дана следующая структура:
{
'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,
},
}
}
👍1🕊1
Задача 63
Следующее число Фибоначчи
Сделайте функцию, каждый новый вызов которой будет выдавать следующее число Фибоначчи.
Следующее число Фибоначчи
Сделайте функцию, каждый новый вызов которой будет выдавать следующее число Фибоначчи.
👍1🕊1
Задача 64
Разбиение картинки
Дана картинка. Разбейте ее на N прямоугольников и перемешайте эти прямоугольники в случайном порядке.
Разбиение картинки
Дана картинка. Разбейте ее на N прямоугольников и перемешайте эти прямоугольники в случайном порядке.
👍1🕊1
Задача 65
Ссылки на блоки страницы
Дана фиксированная менюшка, ссылающаяся на определенные блоки страницы. Сделайте так, чтобы по мере прокрутки страницы, когда страница прокручена на определенном блоке, в меню выделялась соответствующая ссылка.
Ссылки на блоки страницы
Дана фиксированная менюшка, ссылающаяся на определенные блоки страницы. Сделайте так, чтобы по мере прокрутки страницы, когда страница прокручена на определенном блоке, в меню выделялась соответствующая ссылка.
👍1🕊1
Задача 66
Подсчет элементов массива
Дан массив. Подсчитайте количество различных элементов в нем. В качестве результата верните объект, в котором ключами будут элементы массива, а значениями - их количество в массиве.
Подсчет элементов массива
Дан массив. Подсчитайте количество различных элементов в нем. В качестве результата верните объект, в котором ключами будут элементы массива, а значениями - их количество в массиве.
👍1🕊1
Задача 67
Самое популярное слово
Дан текст. Найдите самое часто встречающееся слово в этом тексте.
Самое популярное слово
Дан текст. Найдите самое часто встречающееся слово в этом тексте.
👍1🕊1
Задача 68
Число прописью
Дано некоторое число:
let num = 1234567890
Выведите это число прописью:
`
один миллиард двести тридцать четыре миллиона
пятьсот шестьдесят семь тысяч восемсот девяносто
`
Ваш код, конечно же, должен быть универсальным и работать для любых чисел в пределах миллиардов.
Число прописью
Дано некоторое число:
let num = 1234567890
Выведите это число прописью:
`
один миллиард двести тридцать четыре миллиона
пятьсот шестьдесят семь тысяч восемсот девяносто
`
Ваш код, конечно же, должен быть универсальным и работать для любых чисел в пределах миллиардов.
👍2🕊1