Оператор 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-службами для получения актуальной информации о наличии и цене товаров в реальном времени.
Написать функцию на 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), потому что мы проходим по каждому элементу массива ровно один раз.
Вот решение функции, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения:
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), потому что мы проходим по каждому элементу массива ровно один раз.
Хай! Сегодня твоя #задача :
Создать заявление switch, которое будет в окне предупреждений alert("Добро пожаловать") если fruits является "банан", и alert("Добро пожаловать") если fruits является "Яблоко".
Создать заявление switch, которое будет в окне предупреждений alert("Добро пожаловать") если fruits является "банан", и alert("Добро пожаловать") если fruits является "Яблоко".
Создание стилизованных радио-кнопок
уровень: средний
Задача по HTML и CSS: создайте стилизованные радио-кнопки используя HTML и CSS
Сделайте radio-кнопки как на изображении
Можно использовать только HTML и CSS.
Решение: https://codepen.io/dmitryvalak/pen/jOEXjvL
уровень: средний
Задача по HTML и CSS: создайте стилизованные радио-кнопки используя HTML и CSS
Сделайте radio-кнопки как на изображении
Можно использовать только HTML и CSS.
Решение: https://codepen.io/dmitryvalak/pen/jOEXjvL