<div class="portfolio"><button class="btn-more">подробнее</button>...</div>
<div class="portfolio"><button class="btn-more">подробнее</button>...</div>
<div class="portfolio"><button class="btn-more">подробнее</button>...</div>
// Это не нужно. К body можно обратиться напрямую document.body
//const bodyPortfolio = document.querySelector('body');
[...document.querySelectorAll('.portfolio')].forEach(function(item){
const caseBtn = item.querySelector('.btn-more');
const caseCloseBtn = item.querySelector('.close__content');
const caseContent = item.querySelector('.portfolio__content');
caseBtn.addEventListener('click', (event) => {
event.stopPropagation();
caseContent.classList.add('case__active');
document.body.classList.add('overflowhidden');
});
caseCloseBtn.addEventListener('click', (event) => {
event.stopPropagation();
caseContent.classList.remove('case__active');
document.body.classList.remove('overflowhidden');
});
});
Cannot read properties of null (reading 'addEventListener')
=>
Невозможно обратиться к свойству у null (обращение к 'addEventListener')
burger.addEventListener
null
const burger = document.querySelector('.burger');
querySelector
null
?но картинка меняется только при наведении на другую картинку
img.img11:hover
const blocks = document.querySelectorAll('.div');
blocks.forEach(blk => {
const inputIcon = blk.querySelector('.input-icon');
const inputPass = blk.querySelector('.pass');
inputIcon.addEventListener('click', () => {
if (inputPass.getAttribute('type') == 'password') {
inputIcon.classList.add('view');
inputPass.setAttribute('type', 'text');
} else {
inputIcon.classList.remove('view');
inputPass.setAttribute('type', 'password');
}
})
})
ссылается на переменную item
"Uncaught (in promise) ReferenceError: item is not defined at cartProduct (cart_04.js:13:8)"
Module code is always strict mode code.
for (let item of json) {
+
– это не только оператор сложения, но и оператор конкатенации (соединение строк).const x = +prompt("Введите число") // Унарный плюс преобразует операнд к числовому типу
let l = x + 10
console.log(l)
const x = Number(prompt("Введите число")) // Более явное преобразование
let l = x + 10
console.log(l)
const x = parseInt(prompt ("Введите число")) // Преобразование в целому числу
let l = x + 10
console.log(l)
const x = parseFloat(prompt ("Введите число")) // Преобразование к числу с плавающей точкой
let l = x + 10
console.log(l)