ID'si aynı olan inputların içindeki veriyi alma

EmirhanKskn · 6 Eylül 2022

Merhaba ekle butonu ile birden fazla input eklemesi yapıyorum, fakat eklenen inputların içindeki verileri o sayfada anlık olarak toplamam gerekiyor. Nasıl yapabilirim?

kaan.w · 6 Eylül 2022

Elementlerin ID'lerinin aynı olması iyi değil. Aynı class isimlerini verseniz daha iyi olur. ".class" yazan yere "class" yerine sizin verdiğiniz ismi yazın. e.target.value kullanarak değişen değeri alabilirsiniz.

JavaScript:

const inputs = document.querySelectorAll(".class");
for (let i = 0; i < inputs.length; i++) {
    inputs[i].addEventListener("input", inputHandler);
}

const inputHandler = (e) => {
    console.log(e.target.value);
}

bitwise · 7 Eylül 2022

Iki element'in id'si ayni ise o HTML sayfasina bos yere kod yazmayin.

ID'si aynı olan inputların içindeki veriyi alma

EmirhanKskn

Hectopat

kaan.w

Megapat

bitwise

Gigapat