K
Во, мой герой!
Size: a a a
2021 May 09
PP
Переслано от PHP PROGRAMMIST⬤👍3🅰️...
PP
Переслано от PHP PROGRAMMIST⬤👍3🅰️...
button.addEventListener('click', () => {
[input.value, input1.value] = [input1.value, input.value]
})
[input.value, input1.value] = [input1.value, input.value]
})
PP
Переслано от PHP PROGRAMMIST⬤👍3🅰️...
так некорректно работает
V
php не зашел?)
V
если не ошибаюсь, то в консоли будет ругаться на
document.getElementById('input').value = input1.value;•
Боже, сижу 3 час над click2.onclick(), че только не пробовал по Квери селектору, по классу и по айди искать кнопку, но даже в таком случае он не доходит даже до onclick(), за то бл первый onclick() работает на ура....
•
эххх JS етм...
G
ЖС вообще странный язык. Просто не понимаю прикола "нетипизированных" языков
•
7 468 JSеров и все молчат =(
AA
query selector all возвращает коллекцию, а не конкретный элемент, как get element by id
•
в любом случае даже по классово не ищет
•
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
<input id="add-item-btn" type="button" value="+">
</div>
<script>
let click = document.getElementById('add-item-btn')
let cif = 0
click.onclick = () => {
cif++
let cont = document.querySelector('#container')
let div = document.createElement('div')
let c = document.createTextNode(`Element ${cif}`)
let button = document.createElement('button')
let button_text = document.createTextNode('×')
div.appendChild(c)
button.appendChild(button_text)
div.appendChild(button)
button.classList.add('button1')
div.classList.add('dialog')
cont.appendChild(div)
setTimeout(() => {
cont.removeChild(div)
}, 5000)
}
let click2 = document.querySelectorAll('button')
click2.onclick = () => {
console.log(click2)
let div = document.getElementsByClassName('dialog')
div.classList.remove('dialog')
div.classList.add('vanish')
}
</script>
</body>
</html>
•
вот он собственно
В-
Почему могут не срабатывать ивенты стрима? Что я не так делаю?
В-
const response = await axios({
method: 'GET',
url: link,
responseType: 'stream',
headers: {
'Cache-Control': 'no-transform',
'User-Agent':
'Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)',
'Accept-Encoding': 'gzip',
},
});
console.log(saveFilePath);
const writer = fs.createWriteStream(saveFilePath);
response.data.pipe(writer);
writer.on('data', (chunk) => {
console.log('chunk', chunk);
});
await new Promise((resolve, reject) => {
writer.on('finish', resolve);
writer.on('error', reject);
});
};v
ты пытаешься обработчик повешать не на конкретный элемент, а на псевдомассив, содержащий эти элементы.
Но тут тебе даже цикл в котором будешь вешать обработчики не поможет, так как строка let click2 = document.querySelectorAll('button') исполняется только 1 раз, и в этот момент элементов <button> на странице нет
То есть ты в любом случае получаешь пустой массив.
Они добавляются\удаляются динамически при клике на input type button и при этом обработчики на новые элементы не вешаются, так как смотри выше.
Тут дело то даже и не в ЖС, с ним всё ОК, он классный.
Но тут тебе даже цикл в котором будешь вешать обработчики не поможет, так как строка let click2 = document.querySelectorAll('button') исполняется только 1 раз, и в этот момент элементов <button> на странице нет
То есть ты в любом случае получаешь пустой массив.
Они добавляются\удаляются динамически при клике на input type button и при этом обработчики на новые элементы не вешаются, так как смотри выше.
Тут дело то даже и не в ЖС, с ним всё ОК, он классный.
v
Посмотри про живые (динамические) и не живые (статические) коллекции (html collection и nodelist), в чем отличие, про делегирование и всплытие событий, чем отличается getelement... от queryselector... в этом плане