Готовый Код | Frontend
Kanalga Telegram’da o‘tish
Здесь ты найдешь готовый код для фронтенд разработки
Ko'proq ko'rsatish
Tarmoq:794
Obunachilar
Ma'lumot yo'q24 soatlar
Ma'lumot yo'q7 kunlar
Ma'lumot yo'q30 kunlar
Postlar arxiv
Привет! У нас появился новый канал - чисто по разработке на JS. Максимально подходит для новичков, а все посты в формате коротких заметок на 5 минут, не более.) Короче, надеюсь тебе понравится: https://t.me/frontend_minion
Хай! Для тебя две лёгкие задачки:)
Создайте функцию, которая принимает два числа и возвращает их сумму.
Создайте форму для ввода пароля. Проверьте, что длина пароля не менее 6 символов и он содержит хотя бы одну заглавную букву и одну цифру.
Хай! Сегодня твоя #задача :
Создать заявление switch, которое будет в окне предупреждений alert("Добро пожаловать") если fruits является "банан", и alert("Добро пожаловать") если fruits является "Яблоко".
Написать функцию на JavaScript, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения. Решение должно быть эффективным и не использовать встроенные методы массивов, такие как filter или includes.
Вот решение функции, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения:
function uniqueArray(arr) {
const obj = {};
const output = [];
for (let i = 0; i < arr.length; i++) {
const item = arr[i];
if (!obj[item]) {
obj[item] = true;
output.push(item);
}
}
return output;
}
Как это работает:
Мы создаем объект obj
Мы создаем пустой массив output
Мы проходим по исходному массиву arr
Если obj не содержит элемент item значения как свойство, то мы добавляем его в obj и output
Это решение имеет временную сложность O(n), потому что мы проходим по каждому элементу массива ровно один раз.
Написать функцию, которая находит наибольшее число в массиве и возвращает его. Если массив пустой, функция должна вернуть null. Функцию назвать getMaxNumber.
Разработать интерактивную веб-страницу для онлайн-магазина. Страница должна содержать список товаров, отображаемых в виде карточек, с возможностью сортировки по различным параметрам (название, цена и т.д.). Также нужно предусмотреть поиск по каталогу, фильтрацию товаров по различным критериям и возможность добавления выбранных товаров в корзину. Для удобства пользователя нужно реализовать автозаполнение при поиске, возможность добавления товара в список избранных и отображение имеющихся товарных предложений. Приложение должно быть написано на JavaScript с использованием фреймворка React и объединено с API-службами для получения актуальной информации о наличии и цене товаров в реальном времени.
Давай ответим на пару вопросов:)
Какие типы данных бывают в JavaScript?
Каким будет результат выполнения кода?
let firstObj = { name: 'Hello' };
let secondObj = firstObj;
firstObj = { name: 'Bye' };
console.log(secondObj.name);
0. Напишите программу на JavaScript для создания функции, которая вызывает fn с частями, добавленными к полученным аргументам
Написать скрипт, который будет парсить XML-файл, содержащий информацию о курсе валют, и выводить на страницу таблицу с данными о курсах валют на текущий день. Данные должны автоматически обновляться каждую минуту. Также необходимо добавить возможность выбора валюты из списка для отображения на графике ее изменения курса за последний месяц. График должен быть интерактивным и иметь возможность масштабирования и перемещения, а также отображения подробной информации при наведении на точки графика.
Задача: создать простую интерактивную игру "Угадай число". В игре должно быть три уровня сложности. Игрок должен угадать число за определенное количество попыток, иначе игра проиграна. При каждой попытке должна выводиться информация о том, больше или меньше загаданное число введенного.
Пример кода находится в комментариях
Эта задача может быть применена на различных веб-сайтах или мобильных приложениях в качестве интерактивного развлечения для пользователей.
Давай ответим на пару вопросов:)
Какие типы данных бывают в JavaScript?
Каким будет результат выполнения кода?
let firstObj = { name: 'Hello' };
let secondObj = firstObj;
firstObj = { name: 'Bye' };
console.log(secondObj.name);
На странице есть дивы. В них есть текст. Обойдите все дивы и обрежьте тот текст, который в них стоит так, чтобы он стал длиной 10 символов. И добавьте троеточие в конец обрезанного текста
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis numquam sequi sunt. Aspernatur officiis pariatur repellat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis numquam sequi sunt. Aspernatur officiis pariatur repellat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis numquam sequi sunt. Aspernatur officiis pariatur repellat.
В ответе будет так:
Lorem ipsu...
Lorem ipsu...
Lorem ipsu...
Хай! Дан массив с числами. Выведите последовательно его элементы используя рекурсию и не используя цикл.
Решение:
function func(arr) {
alert(arr[0]);
arr.splice(0, 1);
if (arr.length > 0) {
func(arr);
}
}
Делаем кнопку!)
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
input[type=text] {
width: 130px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
background-color: white;
background-image: url('searchicon.png');
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
width: 100%;
}
</style>
</head>
<body>
<p>Animated search form:</p>
<form>
<input type="text" name="search" placeholder="Search..">
</form>
</body>
Привет! Сегодня у нас задача "Генератор"
Нужно создать функцию-генератор pseudoRandom(seed), которая получает seed и создаёт генератор с указанной формулой.
P.s Ответ будет позже в комментариях)
Привет! Сегодня задача:
Известен рост трёх человек:
А - 159
B - 130
С - 214
Определить, одинаков ли их рост.
Напишите программу на JavaScript для вычисления показателя числа.
Показатель числа говорит о том, сколько раз базовое число используется как фактор.
8 2 = 8 x 8 = 64. Здесь 8 - основание, а 2 - показатель степени.
Решение:
var exponent = function(a, n)
{
if (n === 0)
{
return 1;
}
else
{
return a * exponent(a, n-1);
}
};
console.log(exponent(4, 2));
Ответ 16
Привет! Твоя задача на сегодня:
Наша функция partial позволяет фиксировать только первые аргументы. Усовершенствуй ее, чтобы зафиксировать можно было любые аргументы, пропущенные аргументы обозначаются с помощью undefined:
function test(a, b, c) { return 'a=' + a + ',b=' + b + ',c=' + c; }
var test1_3 = partialAny(test, 1, undefined, 3);
console.log(test1_3(5)); // a=1,b=5,c=3
Чтобы избежать путаницы, пусть новая функция называется partialAny
Хай! Сегодня у нас задача сделать старую игру "Города"
Существует игра в города. Ее правила: в города играют двое и более человек, в которой каждый участник в свою очередь называет реально существующий город любой страны, название которого начинается на ту букву, которой оканчивается название предыдущего участника.
Давайте реализуем эту игру. Пусть играют два человека за одним компьютером. Ходят по очереди. Города вводятся в один инпут и отправляются по нажатию клавиши Enter. Браузер должен запоминать города, которые уже были, и не принимать такие города.
Оператор instanceof позволяет проверить, принадлежит ли объект указанному классу, с учётом наследования.
Почему instanceof в примере ниже возвращает true? Мы же видим, что a не создан с помощью B().
function A() {}
function B() {}
A.prototype = B.prototype = {};
let a = new A();
alert( a instanceof B ); // true
