gulp html
let bags = document.querySelectorAll('.bag');
// Для каждого элемента в корзине
bags.forEach(bag => {
let remove = bag.querySelector('.remove');
let like = bag.querySelector('.like');
remove.addEventListener('click', () => {
bag.remove();
});
like.addEventListener('click', () => {
if(like.style.color == 'rgb(201, 207, 255)'){
like.style.color = 'red';
} else {
like.style.color = 'rgb(201, 207, 255)'
}
});
// Ну и так далее...
})
searchRoomsButton__2fSnk
в вордпрессе генерируется рандомно, и скрипт его не находит.document.querySelector('.searchRoomsButton__2fSnk')?.addEventListener('click', () => {
const el = document.querySelector('.searchRoomsButton__2fSnk');
if (el) {
el.addEventListener('click', () => {
.modal-wrapper {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
/* То, что нужно */
overscroll-behavior: contain;
}
создать переменные до вызова функции, а в самой функции присваивать значения?
function takeInfo() {
let x = 0;
let y = 1;
let z = 2;
return { x, y, z }
}
document.querySelector('.but').onclick = function() {
let {x, y, z} = takeInfo();
console.log(x, y, z)
}
Агрегация и делегирование это один и
тот же паттерн или совершенно два разных шаблона?
function getSumOfNumbers(number, type){
let sum = 0;
if (type !== 'odd' && type !== 'even') {
for(i = 0; i <= number; i++) {
sum += i;
}
return sum;
}
const n = type === 'odd' ? 1 : 0;
for (i = 0; i <= number; i++) {
if (i % 2 === n) {
sum += i;
}
}
return sum;
}
function getSumOfNumbers(number, type){
const n = ({ odd: 1, even: 0 })[type] ?? null;
const all = n === null;
let sum = 0;
for (i = 0; i <= number; i++) {
if (all || i % 2 === n) {
sum += i;
}
}
return sum;
}
function getSumOfNumbers(number, type){
const n = ({ odd: 1, even: 0 })[type] ?? null;
const step = n === null ? 1 : 2;
const start = type === 'odd' ? 1 : 0;
let sum = 0;
for (i = start; i <= number; i + step) {
sum += i;
}
return sum;
}