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

Дан квадратный див. Напишите скрипт, который опишет круг вокруг этого дива.
Задача 254
Расширяем строки

Сделайте так, чтобы у всех строк появился метод ucFirst, который будет переводить первый символ строки в верхний регистр.
Задача 255
Подсчет слов

В текстареа вводится текст со словами. По потери фокуса сделайте таблицу, в первой колонке которой будут слова из текста, во второй колонке - количество раз, которое это слово встречается, а в третьей - процентное содержание этого слова в текста.
Задача 256
Сортировка по количеству

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

Отсортируйте элементы массива по возрастанию количества элементов в подмассиве.
Задача 257
Сортировка по сумме

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

Отсортируйте элементы массива по возрастанию суммы элементов подмассива.
Задача 258
Пирамидка

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

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

Слейте элементы этого массива в числа:
[123, 456, 789]
Задача 260
Двойная пирамидка

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

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

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

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

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

111
222
333
444
555
666
777
888
999
2
КУРСЫ по 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 сайта на хостинг
1👍1
Задача 263
Группировка по буквам

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

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

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

Выведите на экран следующую пирамидку:
xxxxx
xxxx
xxx
xx
x
Задача 267
Разложение на два множителя

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

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

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

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

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

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

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

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