Готовый Код | Frontend
884 subscribers
470 photos
7 videos
240 links
Здесь ты найдешь готовый код для фронтенд разработки

По вопросам : @sul_furas
加入频道
Привет! Сегодня легкая задачка)
Дан массив с числами. Найдите среднее арифметическое его элементов (сумма элементов, делить на количество).

P.s Пару смайлов и скидываю ещё одну)
Напишите программу на JavaScript, чтобы вычислить сумму массива целых чисел.
Пример: var array = [1, 2, 3, 4, 5, 6]
Ожидаемый результат: 21
Хай! Сегодня у нас сайт предсказаний на JavaScript
Сегодня твоя задача сделать сайт, который будет выдавать предсказания. Пусть на этом сайте будет кнопка, по нажатию на которую будет запускаться таймер, который будет каждые 0.1 секунд выводить в в какой-нибудь див случайное число от 1 до некоторого максимального.

Под дивом пусть будет другая кнопка, по нажатию на которую пользователь нашего сайта может остановить таймер и зафиксировать некоторое число в диве. Это число будет номером предсказания. После этого покажите пользователю предсказание с этим номером, а все лишние кнопки уберите с экрана, чтобы пользователь не мог получить еще одно предсказание. То есть на один заход на сайт - одно предсказание.

P.s Попытайтесь сделать сами, но для решения накидайте десять смайлов)
Хай! Сегодня у нас задача "Депозитный калькулятор"

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

P.s Десять смайлов и скидываем решение, а так же "+" в комментариях и будет макет)
Хай! Сегодня у нас вопрос "Почему нам нужен Origin?"

Как вы, вероятно, знаете, существует HTTP-заголовок Referer, который обычно содержит адрес страницы, инициировавшей сетевой запрос.

Например, при запросе (fetch) http://google.com с http://javascript.info/some/url заголовки выглядят так:

Accept: */*
Accept-Charset: utf-8
Accept-Encoding: gzip,deflate,sdch
Connection: keep-alive
Host: google.com
Origin: http://javascript.info
Referer:
http://javascript.info/some/url
Как вы можете видеть, присутствуют и Referer, и Origin.

Вопросы:

Почему нужен Origin, если Referer содержит даже больше информации?
Возможно ли отсутствие Referer или Origin, или это неправильно?
Доброе утро!
Напишите функцию JavaScript, чтобы получить наименьшее общее кратное (LCM) из двух чисел.
Замечания :
Согласно Википедии - общее число - это число, кратное двум или более целым числам. Общие кратные 3 и 4 равны 0, 12, 24, .... Наименьшее общее кратное (LCM) двух чисел - это наименьшее число (не ноль), которое кратно обоим.

Тестовые данные :
console.log (lcm_two_numbers (3,15));
console.log (lcm_two_numbers (10,15));
Выход :
15
30
Привет! Давай сделаем "Чеклист".
Условия:
Должен быть инпут с добавлением задачи, а над ним - список с задачами. Возле каждой задачи чекбос. Если нажать на чекбокс - задача становится выполненной, перечеркивается и становится серого цвета, чекбокс при этом пропадает. Справа от любой задачи должен быть крестик для удаления этой задачи.

Задачу также можно поредактировать, если сделать двойной клик по ней - в этом случае вместо пункта списка появляется инпут с текстом задачи, можно поредактировать текст задачи, нажать Enter и задача изменится. Инпут при этом исчезнет.
Доброе утро! Пора заниматься!
Напишите программу на JavaScript для вычисления показателя числа.

Примечание: Показатель числа говорит о том, сколько раз базовое число используется как фактор.
8 2 = 8 x 8 = 64. Здесь 8 - основание, а 2 - показатель степени.

P,s Десять смайлов и скидываем решение
Хай! Сегодня легкая задача на массивы)
Дан массив mas. Выведите его на страницу HTML в формате индекс элемента — значение (через три дефиса). Каждый элемент с новой строки.
{
mas = [15, 'hello', 'trump', 23, 'world', 999, 176];
}
Привет! Сегодня у нас будет пару задач на массив!)
Напишите код, который преобразовывает и объединяет все элементы массива в одно строковое значение. Элементы массива будут разделены запятой. Получите результат двумя разными методами.

Код:
var vegetables = ['Капуста', 'Репа', 'Редиска', 'Морковка'];

// Ваш код

document.writeln(str1); // "Капуста, Репа, Редиска, Морковка"
document.writeln(str2); // "Капуста, Репа, Редиска, Морковка"

P.s Решение будет после пяти смайлов в комментариях)
Хай! Пора решить ещё одну задачку)
Сегодня у нас будет задача "Замена регистра символов"
Пользователь вводит строку кириллицей разного регистра. Напишите функцию, которая принимает строку в качестве аргумента и заменяет регистр каждого символа на противоположный. Например, если вводится «КаЖдЫй ОхОтНиК», то на выходе должен быть массив [кАжДыЙ оХоТнИк].

const str = prompt('Введите слово', 'КаЖдЫй ОхОтНиК');

function changeRegister (str) {

// Ваш код

}

document.writeln(changeRegister(str)); // [кАжДыЙ оХоТнИк]

P.s Решение будет после пяти смайлов в комментариях)
Привет! Сегодня у нас задача "Парковка"
Напиши программу для определения типа транспорта на велосипедной парковке.
Оформи решение в виде функции checkVehicle с двумя параметрами: количество колёс у транспорта и вес этого транспорта. Названия параметров могут быть любыми.

Условие:
Если колеса два и вес транспорта меньше 100 кг, это велосипед. Функция должна возвращать строку 'Парковка разрешена'.

В остальных случаях функция должна возвращать строку 'Вам здесь не место"

P.s Накидайте смайлов на пост и скинем решение)
Хай! Напиши функцию bind, которая позволяет привязать контекст (значение this) к функции:

window.x = 1;
var ctx = { x: 2 };

function testThis(a) { console.log("x=" + this.x + ", a=" + a); }
console.log(testThis(100)); // x=1, a=100
var boundFunction = bind(testThis, ctx);
console.log(boundFunction(100)); // x=2, a= 100
В новых браузерах и функций есть метод bind(), делающий аналогичную вещь:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
В библиотеках тоже есть такой метод: http://lodash.com/docs#bind

P.s "+" в комментариях - скину макет)
Привет! Пора решить задачу:
Напишите функцию JavaScript для преобразования метки времени Unix во время.

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Хай! Сегодня легкая задача на массивы)
Дан массив mas. Выведите его на страницу HTML в формате индекс элемента — значение (через три дефиса). Каждый элемент с новой строки.
{
mas = [15, 'hello', 'trump', 23, 'world', 999, 176];
}

P.s Накидайте пару смайлов.)
Хай! Сегодня легкие задачки)
1)Какое будет выведено значение: let x = 5; console.log(x++); ?

2) Чему равно такое выражение: [ ] + false - null + true ?

3) Что выведет этот код: let y = 1; let x = y = 2; alert(x); ?

4) Чему равна сумма [ ] + 1 + 2?

P.s Накидайте смайлов и скинем ответы в комментариях
Хай! Что из перечисленного не является допустимым значением
Anonymous Quiz
17%
em
53%
dm
14%
cm
16%
mm
Хай! Сегодня у нас задача сделать сайт по поиску тегов на JavaScript, который будет помогать определить значение HTML тега. Пусть в этом скрипте будет инпут, в который пользователь будет вводить имя тега. После этого по нажатию на Enter под инпутом пусть выдается описание этого тега.
Привет! Задача для тебя:
Напишите шаблон, который соответствует адресам электронной почты.

Часть личной информации содержит следующие символы ASCII.

Прописные (AZ) и строчные (az) английские буквы.
Цифры (0-9).
Персонажи ! # $% & '* + - / =? ^ _ `{| } ~
Символ. (Точка, точка или полная остановка) при условии, что он не является первым или последним символом и не будет следовать один за другим.

P.s Задачка уже была, но стоит вспомнить)
Привет!
Напиши программу, которая формирует заказ в виде строки.

Обрати внимание, что посетители выбирают пункты в электронном меню, где нумерация начинается с единицы, а не с нуля, как в массивах. Учти это при решении.

P.s Десять смайлов и скидываем решение
В Css есть 16 основных название для цвета. Какое название к ним не принадлежит
Anonymous Quiz
8%
olive
58%
tuchsia
21%
cyan
4%
aqua
9%
maroon