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

Сделайте так, чтобы при клике на любое место окна браузера в месте клика появлялся порядковый номер этого клика.
🕊1
Задача 36
Координаты четырех углов

Дан элемент. По клику на него выведите координаты его четырех углов относительно окна браузера.
🙏1
По вашим просьбам:
Бесплатный тренинг по поиску ошибок JavaScript.
Начало 6-го февраля.

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

Для записи вступите в следующий канал:
https://t.me/+dih2v9lTJ5hkMTRi

P.S.
К тренингу специально придуманы новые задачи!
Более сложного уровня, по сравнению с теми,
которые уже есть в учебнике:)
🔥5👍2
Задача 37
Числа в инпутах по кругу

Даны инпуты. Поставьте первому инпуту в value число 1, через секунду второму число 2, еще через секунду третьему число 3 и так далее пока инпуты не закончатся. Когда инпуты закончатся продолжите нумерацию с первого инпута.
🕊1
Задача 38
Функция с мультивызовом

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

let res = getSum(2)(5)(6)(7)(2)(3)(4);
console.log(res);
👍32🔥1🕊1
Задача 39
Половина экрана

Дано окно браузера. Условно его можно разделить на правую и левую половины. Пусть теперь на странице даны элементы. Сделайте так, чтобы элементы, целиком находящиеся в левой половине окна покрасились в зеленый цвет, целиком находящиеся в правой половине окна - в синий, а находящиеся и там, и там - в красный.
👍1🕊1
Задача 40
Случайный чекбокс

На странице есть чекбоксы, отмеченные и нет. Сделайте так, чтобы по нажатию на кнопку случайный чекбокс сменил свое состояние (с отмеченного на неотмеченное и наоборот).
🕊1
Задача 41
Максимальная ячейка таблицы

Дана таблица с числами. По нажатию на кнопку найдите ячейку, в которой хранится максимальное число, и сделайте ее фон красным.
🕊1
Задача 42
Ячейки сетки на канвасе

С помощью canvas нарисуйте сетку и сделайте так, чтобы по клику на любую ячейку сетки эта ячейка становилась закрашенной. А по клику на закрашенную ячейку она должна становится пустой.
👍4🕊1
Задача 43
Наличие полосы прокрутки в элементе

Дан элемент. Узнайте, есть ли в нем полоса прокрутки в данный момент или нет.
🕊1
Задача 44
Повтор чисел в массиве

Дан массив с целыми положительными числами, например, вот такой:
[2, 3, 1, 4]

Сделайте так, чтобы каждое число в массиве повторилось столько раз, какое значение имеет это число: двойка - два раза, тройка - три раза и так далее. То есть у нас должен получится следующий массив:
[2, 2, 3, 3, 3, 1, 4, 4, 4, 4]
👍2🕊1
Задача 45
Перемещение элемента по клику

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

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

На странице есть чекбоксы, изначально неотмеченные. Сделайте так, чтобы только 3 чекбокса из них могли быть отмеченными. При попытке отметить 4-тый чекбокс ничего не должно происходить.
🕊1
Задача 48
Покрасить body в случайный фон

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

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

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

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

По клику на экран в месте клика должен появляться кружок с центром в месте клика и радиусом 10px (при каждом клике новый кружок). Если кликнуть на такой кружок - он должен удалиться.
👍2🕊1
Задача 53
Обратный отсчет с сохранением

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