function removePopUpFilter() {
const filterContainer = document.querySelector('.filter-container');
filterContainer.style.opacity = '0';
filterContainer.addEventListener('transitionend', () => filterContainer.remove());
};active нашим и убрать остальным — для step_X и элементов с классами .circle_X и .line_X.const setStep = (n) => {
const ACTIVE = 'active';
for (let i = 1; i <= 3; i++) {
const action = i === n ? 'addClass' : 'removeClass';
this[`step_${i}`][action](ACTIVE);
$(`circle_${i}`)[action](ACTIVE);
$(`line_${i}`)[action](ACTIVE);
}
}step_X, не известно, в каком контексте они объявлены. Но сам принцип, надеюсь, понятен.
// перемешивает массив случайным образом
const shuffle = arr => {
let currentIndex = arr.length, randomIndex;
while (currentIndex > 0) {
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex--;
[arr[currentIndex], arr[randomIndex]] = [arr[randomIndex], arr[currentIndex]];
}
return arr;
};
const getRandomPairs = (arrA, arrB, n) => {
const [lengthA, lengthB] = [arrA.length, arrB.length];
const indexPairs = [];
for (let a = 0; a < lengthA; a++) {
for (let b = 0; b < lengthB; b++) {
indexPairs.push([a, b]);
}
}
shuffle(indexPairs);
indexPairs.length = Math.min(n, indexPairs.length);
return indexPairs.map(pair => [arrA[pair[0]], arrB[pair[1]]].join(' '));
};
// использование
const NAMES = ['Иван', 'Marya', 'Gendalf', 'Rick'];
const SURNAMES = ['Sus', 'Ger', 'Gray', 'Graims'];
getRandomPairs(NAMES, SURNAMES, 8);
// [ "Rick Graims", "Marya Sus", "Gendalf Gray", "Gendalf Graims", "Gendalf Sus", "Marya Gray", "Иван Gray", "Rick Sus" ]1. Каким образом аргумент функции double() передаётся в аргумент функции, которую возвращает декоратор?
double() в которую и передаёт аргумент, с которым её вызвали. 2. Почему не работает прямой вызов функции-декоратора? decorator(double(5)) в таком варианте аргументом в decorator() попадает что? — не сама функция double, а результат её выполнения с аргументом 5.(fn2( fn1 ))(arg)
// fn2 получает аргументом функцию fn1
// возвращает новую функцию, и уже та выполняется
// с аргументом arg
fn2( fn1( arg ))
// fn1 выполняется с аргументом arg
// результат попадает аргументом в fn2
// возвращается результат вызова fn2Array(5) // длина массива
.fill()
.map((_, i) => {
const D = new Date();
D.setDate(D.getDate() + i);
return D;
})toString() прекрасно сделает работёнку: (
"\u042d\u0442\u043e \u0442\u0435\u043a\u0441\u0442 \u043a\u043e\u0442\u043e\u0440\u044b \u043d\u0435\u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0439 \u0444\u0438\u0433\u043d\u0451\u0439 \u0437\u0432\u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u043d \u0438 \u0431\u043e\u0433 \u0437\u043d\u0430\u0435\u0442 \u043a\u0430\u043a \u0435\u0433\u043e \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u043c"
).toString() // "Это текст которы ..."1000 и 1e3 и 0x3E8,
const alpha = 'abcdefghijklmnopqrstuvwxyz'.split(''); // массив ["a", ... "z"]
'pavel'.toLowerCase().split('').map((c) => alpha.indexOf(c))
// [ 15, 0, 21, 4, 11 ]a..z то можно использовать UTF таблицу, где латиница с маленькой буквы начинается с 97 (совпадает с ASCII):'pavel'.toLowerCase().split('').map((c) => c.charCodeAt(0) - 97)
// [ 15, 0, 21, 4, 11 ]let isActive = false; – флаг состояния: активно или нет. Как сейчас у вас наличие/отсутствие слушателя.false, input или focus – ставить true.innerHTML = Math.round() сейчас дважды. Достаточно явно вызвать функцию.
README.md с инструкцией по развёртыванию? Прямо копировать запущенный проект с VPS'ки — затея так-себе./var/lib/docker
// a и b взаимно обменялись значениями:
[ a, b ] = [ b, a ];
const arr = [1, 2, 3, 4, 5];
[arr[0], arr[4]] = [arr[4], arr[0]];
arr // [5, 2, 3, 4, 1]initialCards.forEach(item => {
// создать карточку
const element = makeElementFromItem(item);
// установить эту карточку куда-то в DOM-дереве
document.body.appendChild(element);
});makeElementFromItem() — но там в начале у вас уже есть все эти createElement() – думаю, вы справитесь.
'0.0000001024'.replace(/^0?\.?0*/, '') // получится строка "1024"0.0000001024 после преобразования toString() мы увидим "1.024e-7"
const selectTrack = new Promise(resolve => {
document.querySelectorAll('.chartsCard')
.forEach(el => el.addEventListener('click', () => resolve(el.dataset.musicid)));
});
selectTrack.then(track => {
// тут что-то сделать с выбранным треком
console.log('выбранный трек', track);
});const diffHours = Math.ceil((endDate - startDate) / 36e5); // точно в бОльшую сторону округлять?
const days = Math.floor(diffHours / 24);
const hours = diffHours - days * 24;
console.log(`Срок аренды: ${days} дней и ${hours} часов`);