Javascript Get Input Text Value Length

Javascript Get Input Text Value Length

2 min read Jun 20, 2024
Javascript Get Input Text Value Length

Cara Mendapatkan Panjang Nilai Teks Input di JavaScript

Dalam pengembangan web, seringkali kita perlu mengetahui panjang karakter dari nilai yang dimasukkan pengguna pada input teks. JavaScript menyediakan metode yang mudah untuk mendapatkan panjang nilai teks input.

Mengambil Nilai Teks Input

Pertama, kita perlu mendapatkan referensi ke elemen input teks. Hal ini dapat dilakukan dengan menggunakan ID, kelas, atau selector lainnya.

const inputText = document.getElementById("myInputText");

Mendapatkan Panjang Nilai Teks

Setelah mendapatkan referensi elemen input teks, kita dapat menggunakan properti value untuk mengambil nilai teks dan properti length untuk mendapatkan panjangnya.

const inputValue = inputText.value;
const inputLength = inputValue.length;

Menampilkan Hasil

Anda dapat menampilkan panjang nilai teks dengan menggunakan metode console.log():

console.log("Panjang nilai teks: " + inputLength);

Contoh Lengkap

Berikut adalah contoh lengkap cara mendapatkan panjang nilai teks input di JavaScript:




  Panjang Nilai Teks Input


  
  
  

Kode ini akan menampilkan panjang nilai teks input di elemen <p> dengan ID "result" ketika tombol "Cek Panjang" ditekan.

Kesimpulan

Mendapatkan panjang nilai teks input di JavaScript sangat mudah dengan menggunakan properti length pada nilai teks yang diambil dari elemen input. Hal ini memungkinkan Anda untuk melakukan validasi input, menampilkan informasi tambahan kepada pengguna, atau melakukan tindakan lainnya berdasarkan panjang nilai teks yang dimasukkan.