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

По вопросам : @sul_furas
加入频道
Привет! Пора написать программу на JavaScript для сортировки списка элементов с использованием Bogosort.

В информатике bogosort - это особенно неэффективный алгоритм сортировки, основанный на парадигме генерации и тестирования. Алгоритм последовательно генерирует перестановки своего ввода, пока не найдет отсортированный. Это не полезно для сортировки, но может использоваться в образовательных целях, чтобы противопоставить его другим более реалистичным алгоритмам.
Напишите функцию JavaScript, чтобы получить разницу во времени в минутах между двумя датами.
Тестовые данные :
dt1 = новая дата («13 октября 2014 г., 11:11:00»);
dt2 = новая дата («13 октября 2014 г., 11:13:00»);
console.log (diff_minutes (dt1, dt2));
2
P.s Как вы думаете, где это используется?
Задача: Создание простого счетчика с использованием Vue.js

Ваша задача – создать простой счетчик, который позволяет увеличивать и уменьшать значение счетчика с использованием Vue.js. Счетчик должен отображать текущее значение и иметь кнопки для увеличения и уменьшения этого значения.
Хай! Сегодня у нас задача "Депозитный калькулятор"

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

Пример строки: 'dog'.

Ожидаемый результат: d, o, do, g, dg, og, dog.

function substrings(str) {
// Ваш код
}
substrings("dog"); // d, o, do, g, dg, og, dog
Простое число-близнец — это простое число, которое на 2 меньше или на 2 больше другого простого числа, например любого члена пары простых чисел-близнецов (41, 43). Другими словами, простое число-близнец — это простое число, у которого разница между простыми числами равна двум. Иногда термин «простые числа-близнецы» используется для обозначения пары простых чисел-близнецов; альтернативное название — простой близнец или простая пара.
(из вики https://en.wikipedia.org/wiki/Twin_prime)

Ваша задача, если вы решите ее принять, — написать функцию, подсчитывающую количество наборов простых чисел-близнецов от 1 до n.

Если n обернуто простыми числами-близнецами (n-1 == простое && n+1 == простое), то это также должно учитываться, даже если n+1 находится за пределами диапазона.

Пример n = 10

Простые числа-близнецы: (3,5) (5,
7), поэтому ваша функция должна возвращать 2!
Хай! Задача:
Выйдите из цикла, изменив только две отмеченные строки. Результат в консоли сейчас останавливается на 9 9. Должен на 5 4.

for (let i = 0; i < 10; i++) { //! Эту строку можно изменить
for (let j = 0; j < 10; j++) {
if (i === 5 && j === 5) {
//! Эту строку можно изменить
}

console.log(i, j);
}
Привет! Сегодня у нас будет пару задач на массив!)
Напишите код, который преобразовывает и объединяет все элементы массива в одно строковое значение. Элементы массива будут разделены запятой. Получите результат двумя разными методами.

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

// Ваш код

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

P.s Если задача понравилась ставьте смайл 👍
Хай! Для тебя две лёгкие задачки:)

Создайте функцию, которая принимает два числа и возвращает их сумму.

Создайте форму для ввода пароля. Проверьте, что длина пароля не менее 6 символов и он содержит хотя бы одну заглавную букву и одну цифру.
Хай! Дан массив с числами. Выведите последовательно его элементы используя рекурсию и не используя цикл.

Решение:
function func(arr) {
alert(arr[0]);
arr.splice(0, 1);
if (arr.length > 0) {
func(arr);
}
}
Есть кнопка <button id="elem"></button>, как показать в ней строку "<hello>"?

Результат должен быть таким: <!--+ run --> <button id="elem">&lt;hello&gt;</button>
Anonymous Quiz
32%
elem.innerHTML = "<hello>"
40%
elem.innerText = "<hello>"
24%
elem.textContent = "<hello>"
4%
elem.setText("<hello>")
Тык тыгыдык! Привет! 

Написать функцию, которой передаем имя, и она возраващает приветствие в зависимости от времени суток (Доброе утро\день\вечер\ночи Иван)
Объекты, отвечающие за то, что содержится на Web-странице в окне браузера, называются:
Anonymous Quiz
41%
пользовательскими
48%
клиентскими
11%
встроенными
Хай друга! Сегодня твоя задача - ответить на вопросы:

1. Какие свойства имеет объект location?

2. Как получить строку запроса?

3. Как сделать первую букву строки заглавной?
Задача: «Посчитай сумму четных чисел»

Условия: Напишите функцию sumEvenNumbers, которая принимает на вход массив чисел и возвращает сумму всех четных чисел из этого массива. Если в массиве нет четных чисел, функция должна возвращать 0.

Уровень сложности: Легкий
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive card

Адаптивная карта. Реализовано с помощью CSS и JS

🔗 Код: Codepen

👉 @readycodepen | #анимация
This media is not supported in your browser
VIEW IN TELEGRAM
Card Split Hovers 

Эффект наведения, реализованный с помощью HTML(Pug), CSS, JavaScript

🔗 Код: Codepen

👉 @readycodepen | #эффект #pug #css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Volume button knob 

Кнопка увеличения/уменьшения громкости, реализованная на CSS(SCSS), JavaScript(TypeScript)

🔗 Ссылка: Codepen

@readycodepen | #кнопка #scss #typescript
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Minimal Dark Mode Toggle Button 

Минималистичная кнопка переключения темного режима, реализованная на чистом CSS

🔗 Ссылка: Codepen

👉 @readycodepen | #переключатель #css