Menghitung Jumlah Karakter di Javascript


Menghitung Jumlah Karakter Menggunakan Javascript

Karakter adalah huruf maupun tanda baca pada suatu kalimat contohnya seperti (a, b, c). setiap huruf maupun tanda baca akan dihitung satu karakter. Untuk menghitung jumlah karakter menggunakan javascript menggunakan fungsi lenght.

Pada materi dasar sebelumnya sudah pernah kita bahas bagaimana memanipulasi string pada javascript. Dalam materi itu sudah pernah di jelaskan secara singkat bagaimana menghitung jumlah karakter di javascript.

Menghitung Jumlah Karakter di Javascript

Sebenarnya javascript sudah menyediakan fungsi kusus untuk menghitung jumlah krakter pada string. Sebagaimana dapat dilihat pada dokumentasi di websitenya https://devdocs.io/javascript/functions/arguments/length.

Untuk menghitung jumlah karakter hanya memerlukan fungsi length. Contoh penulisannya adalah sebagai berikut.

  1. kalimat adalah sebuah string yang menyimpan kata “hello World”
  2. panjang adalah string yang menyimpan jumlah karakter pada kalimat, disini bisa kita lihat penggunaan length
  3. console adalah perintah javascript untuk menampilkan hasil pada console

Menghitung Jumlah Karakter Pada Textinput

Untuk melengkapi materi ini kita akan coba membuat sebuah form input yang nantinya akan dihitung jumlah karakter yang di ketika. Dalam kasus ini kita siapkan sebuah form input menggunakan text area.

Siapkan Form Inputan

Langkah pertama yaitu kita siapkan sebuah form input menggunakan textarea. Berikut kode untuk membuat sebuah form input.

Perhatikan kode untuk membuat form inputan yang akan digunakan nantinya. Berikut penjelasan potongan kode diatas.

Tag link dan script ini adalah library bootstrap yang akan kita gunakan. Fungsinya untuk menggunakan kelas bootstrap dalam pembuatan tampilan.

Selanjutnya pada form kita beri nama FormKu. Didalam form terdapat dua inputan berupa textarea dan juga iputan text.

Fungsi dari textarea ini adalah tempat dimana kalimat akan ditulis. Sedangkan form inputan satunya lagi adalah untuk menampilkan jumlah karakter yang sudah ditulis didalam textarea.

Pada textare jika diperhatikan juga ada onkeyup. onkeyup adalah event yang mana ketika sebuah objek disinin form dengan textarea di input maka akan dibaca fungsi hitung_karakter().

Menghitung Jumlah Karakter di Javascript
menghitung jumlah karakter menggunakan javascript

Membuat Fungsi Menghitung Karakter

Langkah selanjutnya akan kita siapkan fungsi javascript dimana fungsi ini digunakan untuk menghitung jumlah karakter pada inputan. Perhatikan kode berikut ini.

document.FormKu.jumlah.value adalah inisialiasi form yang akan menyipan data jumlah karakter yang di input. document.FormKu.pesan.value.length; adalah menghitung jumlah karakter dari text yang di input.

Ketika dijalankan maka hasilnya seperti gambar berikut

menghitung jumlah karakter dengan javascript
menghitung jumlah karakter dengan javascript

Source Code Lengkap Dari Contoh Diatas

Berikut source code lengkap dari contoh yang kita coba buat diatas.

Oke, ini dulu mungkin yang bisa saya bahas untuk materi ini kita buat kembali materi updatenya. Semoga bermanfaat.


Muzanni

Algorithms Learner, future lecturer and Happy to sharing about knowledge

Tutorial Menarik Lainnya

Membuat fungsi terbilang dengan javascript
Membuat fitur show hide password di HTML
Menghitung Jumlah Kata Dengan Javascript
Membatasi Jumlah Inputan Dengan Javascript

Diskusi

Belum Ada Diskusi
Download ebook belajar HTML & CSS dasar untuk pemula gratis

Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD