Андрей
Высший разум
(457372)
9 месяцев назад
В HTML не существует тегов <input1>, <input2>, <input3>, <output2>, <output3>.
Ты в ВОСЬМИ querySelector забыл "#" указать.
Ещё один бред: +document.querySelector('form') - ты пытаешься превратить объект в число.
Итого, из 11 querySelector правильно использованы только 2.
Профи
(642)
9 месяцев назад
document.querySelector("#input1").addEventListener('input', () => {
let data = +document.querySelector("#input1").value;
document.querySelector("#output1").innerHTML = data;
});
document.querySelector("#input2").addEventListener('input', () => {
let data = +document.querySelector("#input2").value;
document.querySelector("#output2").innerHTML = data;
});
document.querySelector("#input3").addEventListener('input', () => {
let data = +document.querySelector("#input3").value;
document.querySelector("#output3").innerHTML = data;
});
document.querySelector('form').addEventListener("submit", (event) => {
event.preventDefault();
const form = document.querySelector('form');
console.dir(form);
});