Рекурсия – это приём программирования, полезный в ситуациях, когда задача может быть естественно разделена на несколько аналогичных, но более простых задач. Или когда задача может быть упрощена до несложных действий плюс простой вариант той же задачи. Или, как мы скоро увидим, для работы с определёнными структурами данных.
Давай решим задачу по рекурсии:
Напишите функцию sumTo(n), которая вычисляет сумму чисел 1 + 2 + ... + n.
Давай решим задачу по рекурсии:
Напишите функцию sumTo(n), которая вычисляет сумму чисел 1 + 2 + ... + n.
Йху, привет! Среда, я лично считаю этот день - день страданий. Поэтому и задачка сегодня простая, но заставляет задуматься - зачем это вообще нужно.))
Напишите функцию stradanie, которая принимает час и минуту и считает, сколько вас осталось до конца рабочего дня. По умолчанию, начало рабочего дня 06.00, а конец - 21.00.
Напишите функцию 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;
}
Решение:
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
Почему instanceof в примере ниже возвращает true? Мы же видим, что a не создан с помощью B().
function A() {}
function B() {}
A.prototype = B.prototype = {};
let a = new A();
alert( a instanceof B ); // true
Хай! Сегодня у нас задача сделать старую игру "Города"
Существует игра в города. Ее правила: в города играют двое и более человек, в которой каждый участник в свою очередь называет реально существующий город любой страны, название которого начинается на ту букву, которой оканчивается название предыдущего участника.
Давайте реализуем эту игру. Пусть играют два человека за одним компьютером. Ходят по очереди. Города вводятся в один инпут и отправляются по нажатию клавиши Enter. Браузер должен запоминать города, которые уже были, и не принимать такие города.
Существует игра в города. Ее правила: в города играют двое и более человек, в которой каждый участник в свою очередь называет реально существующий город любой страны, название которого начинается на ту букву, которой оканчивается название предыдущего участника.
Давайте реализуем эту игру. Пусть играют два человека за одним компьютером. Ходят по очереди. Города вводятся в один инпут и отправляются по нажатию клавиши 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
Наша функция 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
Показатель числа говорит о том, сколько раз базовое число используется как фактор.
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
Делаем кнопку!)
<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>
<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>
На странице есть дивы. В них есть текст. Обойдите все дивы и обрежьте тот текст, который в них стоит так, чтобы он стал длиной 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...
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);
Какие типы данных бывают в JavaScript?
Каким будет результат выполнения кода?
let firstObj = { name: 'Hello' };
let secondObj = firstObj;
firstObj = { name: 'Bye' };
console.log(secondObj.name);
Задача: создать простую интерактивную игру "Угадай число". В игре должно быть три уровня сложности. Игрок должен угадать число за определенное количество попыток, иначе игра проиграна. При каждой попытке должна выводиться информация о том, больше или меньше загаданное число введенного.
Пример кода находится в комментариях
Эта задача может быть применена на различных веб-сайтах или мобильных приложениях в качестве интерактивного развлечения для пользователей.
Пример кода находится в комментариях
Эта задача может быть применена на различных веб-сайтах или мобильных приложениях в качестве интерактивного развлечения для пользователей.
Написать скрипт, который будет парсить XML-файл, содержащий информацию о курсе валют, и выводить на страницу таблицу с данными о курсах валют на текущий день. Данные должны автоматически обновляться каждую минуту. Также необходимо добавить возможность выбора валюты из списка для отображения на графике ее изменения курса за последний месяц. График должен быть интерактивным и иметь возможность масштабирования и перемещения, а также отображения подробной информации при наведении на точки графика.
Давай ответим на пару вопросов:)
Какие типы данных бывают в JavaScript?
Каким будет результат выполнения кода?
let firstObj = { name: 'Hello' };
let secondObj = firstObj;
firstObj = { name: 'Bye' };
console.log(secondObj.name);
Какие типы данных бывают в JavaScript?
Каким будет результат выполнения кода?
let firstObj = { name: 'Hello' };
let secondObj = firstObj;
firstObj = { name: 'Bye' };
console.log(secondObj.name);
Разработать интерактивную веб-страницу для онлайн-магазина. Страница должна содержать список товаров, отображаемых в виде карточек, с возможностью сортировки по различным параметрам (название, цена и т.д.). Также нужно предусмотреть поиск по каталогу, фильтрацию товаров по различным критериям и возможность добавления выбранных товаров в корзину. Для удобства пользователя нужно реализовать автозаполнение при поиске, возможность добавления товара в список избранных и отображение имеющихся товарных предложений. Приложение должно быть написано на JavaScript с использованием фреймворка React и объединено с API-службами для получения актуальной информации о наличии и цене товаров в реальном времени.