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

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

Даны два элемента с абсолютным позиционированием. Элементы накладываются друг на друга. Найдите площадь наложения.
👍1
Задача 81
Нумерация по столбцам

Заполните таблицу порядковыми значениями по столбцам:
01 05 09 13
02 06 10 14
03 07 11 15
04 08 12 16
Задача 82
Горячия клавиши перехода по ссылке

Дана ссылка. Сделайте комбинацию горячих клавиш, которые автоматически откроют страницу из href ссылки.
Задача 83
Увеличение таблицы

Дана HTML таблица и кнопка. По клику на кнопку увеличьте таблицу на 1 ряд и на 1 колонку.
Задача 84
Уменьшение таблицы

Дана HTML таблица и кнопка. По клику на кнопку уменьшите таблицу на 1 ряд и на 1 колонку.
Задача 85
Стрелка на канвасе

Дана картинка. Наложите поверх картинки тег canvas. Сделайте функцию, которая будет рисовать на канвасе стрелку заданной длины, повернутую на заданный угол и концом упирающуюся в заданную точку.
Задача 86

Крестики-нолики на канвасе
Реализуйте игру крестики-нолики на основе тега canvas.
Задача 87
Редактирование ячейки таблицы

Дана HTML таблица. Сделайте так, чтобы по клику на ячейку в ней появлялся инпут, с помощью которого можно поредактировать текст этой ячейки.
Задача 88
Разница между датами

Даны две даты в формате год-месяц-день. Найдите разницу в днях между этими датами.
Задача 89
Авто перехода фокуса инпутов

Даны три инпута. Сделайте так, чтобы по вводу двух цифр в инпут фокус ввода переходил к следующему инпуту.
Канал code.mu в телеграмме!
Все новости сайта. А также другая полезная информация: видеоуроки, бесплатные тренинги, курсы и конкурсы.
Вступайте:
https://t.me/codemu
👍2
Задача 90
Выделение текста

Дан див и кнопка. По клику на кнопку сделайте так, чтобы текст дива стал выделенным, как будто мы его выделили мышкой.
👍2
Задача 91
Даты из промежутка

Даны две даты в формате год-месяц-день. Выведите все даты, расположенные между этими датами.
Задача 92
Выбор даты селектами

Дано три селекта для выбора даты: с днями, месяцами и годами. Дни изменяются от 1 до последнего дня выбранного месяца. Сделайте так, чтобы при смене месяца или года соответствующим образом изменялось максимальное количество дней в селекте с днями.
Задача 93
Слова с одинаковыми буквами подряд

Дан текст. Получите массив слов, у которых есть две одинаковые буквы подряд.
Задача 94
Расстановка нумерации строк

Дан див с многострочным текстом. Напишите скрипт, который слева от дива поместит нумерацию строк текста.
Задача 95
Получение элементов многомерного объекта

Дан многомерный объект произвольного уровня вложенности:
let obj = {
a: {
b: {
c: '+++'
}
}
};

Сделайте функцию, с помощью которой можно будет получить значения элемента с любого уровня вложенности, указав ключи последовательно через точку:
let res = func('a.b.c');
console.log(res); // '+++'
👍2
А чтобы вам было не скучно, задача вне номера!

Следующий код мне на днях принес ученик:
console.log('abc, xyz'.match(/^[a-яё,\s]+?$/));

Этот код должен проверять, что строка состоит только из кириллических букв, пробелов и запятых. Он, однако, работает некорректно. Найдите проблему и отпишите в комменатриях)
Занимательные задачи JavaScript снова начнут выходить с завтрашнего дня! По-прежнему в 14.00, но теперь каждый день, а не только по будням:)
🔥13🕊4🎉21👍1
Задача 96
Ближайшие вторники

Выведите даты ближайших 10-ти вторников.
🤝3