Yusuf Maulana
yusufmln 11 bulan yang lalu
114 3 JQuery

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

Budi Kurniawan
budikurniawan9 bulan yang laluJawaban Terbaik
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
Zaki Fauzan
zakifz9 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
Tania Oktaviani
taniaokta9 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.

Top Coder

Nadia Putri
nadiaputri
630 Point
Laras Ayu
larasayu
565 Point
Arif Wibowo
arifwbw
520 Point
Aulia Rizki
auliarzk
515 Point
Rizky Hidayat
rizkyhdyt
480 Point
Ilham Nurdin
ilhamnrdn
475 Point