Uncaught TypeError: Cannot read properties of undefined di JavaScript
Halo teman-teman,
Aku sering banget nemu error ini pas ngoding JavaScript:
Uncaught TypeError: Cannot read properties of undefined (reading 'value')
Biasanya ini muncul pas aku coba ambil nilai dari input form pakai:
document.getElementById("username").value;
Tapi kadang element-nya gak ketemu, atau error muncul terus walau ID-nya udah benar.
Gimana sih cara ngatasin error ini biar gak ganggu di console?
Terima kasih sebelumnya ?2 Jawaban
Error itu biasanya muncul kalau `getElementById("username")` ngasih hasil `null`, artinya elemen dengan ID itu belum ada saat kode dijalankan.
Solusinya, pastikan DOM udah dimuat dulu sebelum akses element:
document.addEventListener("DOMContentLoaded", function() {
const username = document.getElementById("username");
console.log(username.value);
});
Atau cek dulu elemennya:
const input = document.getElementById("username");
if (input) {
console.log(input.value);
}
0
zakifz•9 bulan yang lalu
Kalau kamu pakai script di head HTML, bisa jadi DOM-nya belum siap waktu script jalan. Coba pindahin `<script>` ke bagian paling bawah sebelum tag `</body>`.
0
taniaokta•9 bulan yang lalu
Kadang ID-nya typo atau elemen input belum dirender pas kamu akses. Kalau pakai framework JS (React/Vue), pastikan elemen udah ada sebelum diakses pakai ref atau state.
0
Silahkan Login untuk menjawab.