Занимательные задачи JavaScript

Задача 276
График на канвасе

Дан массив с точками: [ [1, 2], [2, 4], [3, 8], [4, 16], [5, 32] ]

Отрисуйте эти точки на графике.

Задача 275
Случайное слово на букву

Дан массив со словами. Получите из этого массива случайное слово, начинающееся на заданную букву.

Задача 274
Перемешивание списка

Дан список ul и кнопка. По нажатию на кнопку перемешайте пункты списка в случайном порядке.

Задача 273
Равные подмассивы

Дан массив:
[
[1, 2, 3, 4, 5],
[1, 2, 3],
[1, 2],
]

Добавьте в каждый подмассив столько пустых строк, чтобы количество элементов в каждом подмассиве стало равно количеству элементов в самом длинном подмассиве.

Задача 272
Разбиение в двухмерный

Дан некоторый массив:
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]

Дана переменная:
let n = 3;

Превратите этот массив в двухмерный, по n элементов в подмассиве.

Задача 271
Строки текста в список

Дан текстареа и ul. В текстареа вводится текст. Сделайте так, чтобы по нажатию Shift + Enter каждая строка текста добавилась в список в виде отдельного тега li.

Задача 270
Закрытие блока

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

Задача 269
Выпадающее меню

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

Задача 268
Селекты городов и стран

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

Задача 267
Разложение на два множителя

Дан инпут, кнопка и список ul. В инпут вводится число. По клику на кнопку выведите список всех возможных вариантов разложения числа на два множителя.

Задача 266
Перевернутая пирамидка

Выведите на экран следующую пирамидку:
xxxxx
xxxx
xxx
xx
x

Задача 265
Активация ссылки

Дано меню со ссылками. Покрасьте в красный цвет ту ссылку, адрес которой совпадает с URL из адресной строки браузера.

Задача 264
Поиск слова

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

Задача 263
Группировка по буквам

Дан массив со словами. Выведите слова, начинающиеся на одинаковые буквы в своем отдельном списке ul. Над каждым списком сделайте h2 с названием буквы, для которой сделан список.

КУРСЫ по React + Redux + Zustand
занятия в минигруппах

Лектор: Трепачёв Дмитрий, автор сайта code.mu
Расписание: ср, пт в 20.00-20.45 по Москве
Продолжительность: 11 лекций + 1 месяц практика

Для записи на занятия пишите мне в личку:
в личку @trepachev_dmitry

Начало: по набору минигруппы (минимум 3 человека),
но не позже 6-го марта.

Стоимость: 100$ за курс.
при записи до 18-го февраля СКИДКА: 75$ за курс.
возможна оплата в рассрочку несколькими платежами

при записи 12-13 февраля БОНУС:
дополнительный курсы:
1. Курс по TypeScript
2. Курс по React на TypeScript


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


Как проходит: на лекциях я буду демонстрировать свой экран и рассказывать теорию. После каждой лекции вы будете получать домашнее задание. Вопросы можно задавать как на лекции, так и в любое время, без ограничений! Если у вас что-то не будет получаться, то я буду подключаться к вашему экрану и помогать на месте.

После окончания курса - практика. Под моим руководством вы сможете реализовать 3 учебных проекта для закрепления навыков. После учебных проектов каждому участнику я выдам еще 2 персональных проекта. Эти проекты будут выложены на хостинг и вы сможете добавить их в портфолио.

---

Программа:

1
Введение в JSX

2
События. Условия

3
Циклы. Стейты. Реактивность.

4
Компоненты.

5
Стилизация.

6,7
Хуки

8
React Router

9,10
Redux

11
Zustand


Бонус:
React на TypeScript
Выкладка React сайта на хостинг

Задача 262
Пирамидка-столбец

Выведите на экран следующую пирамидку:

111
222
333
444
555
666
777
888
999

Задача 261
Заполнение массива до квадрата

Дан следующий массив:
let arr = [1, 2, 3, 4, 5, 6];

Дано также число:
let num = 3;

Добавьте в приведенный массив столько пустых строк, чтобы длина массива стала равна квадрату числа из переменной.

Задача 260
Двойная пирамидка

Выведите на экран следующую пирамидку:
xx
xxxx
xxxxxx
xxxxxxxx
xxxxxxxxxx

Задача 259
Слияние в числа

Дан массив, подмассивы которого содержат цифры:
[
[1, 2, 3],
[4, 5, 6],
[7, 8, 9],
]

Слейте элементы этого массива в числа:
[123, 456, 789]

Задача 258
Пирамидка

Выведите на экран следующую пирамидку:
x
xx
xxx
xxxx
xxxxx