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

По вопросам : @sul_furas
加入频道
Чему равен typeof null в режиме use strict?

Ответ:
object
Все JavaScript-программисты давно привыкли к тому, что typeof null === 'object'; // true, хотя фактически null — примитивное значение. Многие знают, что это баг, и лично Брэндан Айк это признаёт. Этот баг, вероятно, никогда не будет исправлен из-за необходимости сохранения обратной совместимости существующего кода с новыми версиями языка.
Сегодня ваша задача это ответить на вопросы =)

1. Внутри какого HTML элемента помещается JavaScript?

2. Где находится правильное место для вставки JavaScript?

3. Какой правильный синтаксис для ссылки на внешний скрипт под названием ''name.js''?
3.1 <script href="name.js">

3.2 <script src="name.js">

3.3 <script name="name.js">
Рекурсия – это приём программирования, полезный в ситуациях, когда задача может быть естественно разделена на несколько аналогичных, но более простых задач. Или когда задача может быть упрощена до несложных действий плюс простой вариант той же задачи. Или, как мы скоро увидим, для работы с определёнными структурами данных.

Давай решим задачу по рекурсии:

Напишите функцию sumTo(n), которая вычисляет сумму чисел 1 + 2 + ... + n.
Привет! Нужно написать объект ladder - объект, который позволяет подниматься вверх и спускаться. Пример работы должен быть таким:

ladder.showStep(); // 0 (выводит ступеньку на который мы находимся)
ladder.up();
ladder.up();
ladder.showStep(); // 2
ladder.down();
ladder.showStep(); // 1
Привет! Напишите программу сортировки слиянием на JavaScript.

Образец массива : [34,7,23,32,5,62]
Пример вывода : [5, 7, 23, 32, 34, 62]

P.s Примерно такие задачки бывают у нас на курсе)
Йху, привет! Среда, я лично считаю этот день - день страданий. Поэтому и задачка сегодня простая, но заставляет задуматься - зачем это вообще нужно.))

Напишите функцию stradanie, которая принимает час и минуту и считает, сколько вас осталось до конца рабочего дня. По умолчанию, начало рабочего дня 06.00, а конец - 21.00.
Дан инпут. В него вводится дата в формате 31.12.2023. По потери фокуса в этом же инпуте поставьте эту дату в формате 2023-12-31.

Решение:
<input type="text" id="num" value="">
var elem = document.getElementById('num');
elem.addEventListener('blur', func);

function func() {
var arr2 = [];
var str = elem.value;
var arr = str.split('.');
arr2 = arr.reverse();
var str1 = arr2.join('-');
elem.value = str1;
}
Оператор instanceof позволяет проверить, принадлежит ли объект указанному классу, с учётом наследования.

Почему instanceof в примере ниже возвращает true? Мы же видим, что a не создан с помощью B().

function A() {}
function B() {}

A.prototype = B.prototype = {};

let a = new A();

alert( a instanceof B ); // true
Хай! Сегодня у нас задача сделать старую игру "Города"
Существует игра в города. Ее правила: в города играют двое и более человек, в которой каждый участник в свою очередь называет реально существующий город любой страны, название которого начинается на ту букву, которой оканчивается название предыдущего участника.

Давайте реализуем эту игру. Пусть играют два человека за одним компьютером. Ходят по очереди. Города вводятся в один инпут и отправляются по нажатию клавиши Enter. Браузер должен запоминать города, которые уже были, и не принимать такие города.
Привет! Твоя задача на сегодня:

Наша функция 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
Напишите программу на 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
Привет! Сегодня задача:
Известен рост трёх человек:
А - 159
B - 130
С - 214
Определить, одинаков ли их рост.
Привет! Сегодня у нас задача "Генератор"
Нужно создать функцию-генератор pseudoRandom(seed), которая получает seed и создаёт генератор с указанной формулой
Делаем кнопку!)

<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>
Хай! Дан массив с числами. Выведите последовательно его элементы используя рекурсию и не используя цикл.

Решение:
function func(arr) {
alert(arr[0]);
arr.splice(0, 1);
if (arr.length > 0) {
func(arr);
}
}
На странице есть дивы. В них есть текст. Обойдите все дивы и обрежьте тот текст, который в них стоит так, чтобы он стал длиной 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...
Давай ответим на пару вопросов:)

Какие типы данных бывают в JavaScript?

Каким будет результат выполнения кода?

let firstObj = { name: 'Hello' };
let secondObj = firstObj;
firstObj = { name: 'Bye' };
console.log(secondObj.name);
Задача: создать простую интерактивную игру "Угадай число". В игре должно быть три уровня сложности. Игрок должен угадать число за определенное количество попыток, иначе игра проиграна. При каждой попытке должна выводиться информация о том, больше или меньше загаданное число введенного.

Пример кода находится в комментариях

Эта задача может быть применена на различных веб-сайтах или мобильных приложениях в качестве интерактивного развлечения для пользователей.
Написать скрипт, который будет парсить XML-файл, содержащий информацию о курсе валют, и выводить на страницу таблицу с данными о курсах валют на текущий день. Данные должны автоматически обновляться каждую минуту. Также необходимо добавить возможность выбора валюты из списка для отображения на графике ее изменения курса за последний месяц. График должен быть интерактивным и иметь возможность масштабирования и перемещения, а также отображения подробной информации при наведении на точки графика.
Напишите программу на JavaScript для создания функции, которая вызывает fn с частями, добавленными к полученным аргументам