Menghitung Jumlah Kata Menggunakan Javascript


Menghitung Jumlah Kata Dengan Javascript

Halo sobat malasngoding.com, kembali lagi Kita pelajari materi Javascript. Pada artikel ini saya akan membahas bagaimana menghitung jumlah kata menggunakan Javascript. Pada materi sebelumnya sudah saya coba bahas mengenai menghitung jumlah karakter. Uniknya untuk menghitung jumlah karakter dan juga menghitung jumlah kata memiliki cara berbeda pada javascript.

Menghitung Jumlah Kata Menggunakan Javascript

Secara sederhana, kata bisa diartikan sebagai kumpulan beberapa karakter yang memiliki arti. Ada beberapa cara yang bisa kita gunakan untuk menghitung jumlah kata menggunakan javascript. Diantaranya dengan menandai setiap akhir dari kata dipisahkan oleh spasi.

Jadi Secara sederhananya untuk menghitung jumlah kata, Kita bisa menghitung jumlah spasi yang ada pada kalimat tersebut. Oke langsung saja kita ke beberapa contoh seperti berikut

Contoh Pertama

Pada contoh pertama kita coba menggunakan metode split. Jika dilihat dari fungsinya method split digunakan untuk membagi string menjadi array, mengembalikan array baru tanpa mengubah string bawaan. Untuk penulisanya juga begitu susah, Berikut penulisan split pada javascript.

Sebagai contoh untuk menghitung jumlah kata dalam satu kalimat menggunakan method split ini adalah sebagai berikut:

menghitung jumlah kata menggunakan javascript
menghitung jumlah kata menggunakan javascript

Oke coba kita terapkan pada contoh yang lebih nyata. Dimana kita buat sebuah inputan menggunaka textarea. Kasusnya jika ada kalimat yang diketik didalam textarea tersebut maka akan dihitung jumlah kata yang sudah diketik.

Langkah awal kita buat sebuah form inputan, berikut adalah kodingan untuk membuat form inputan.

Pada kodingan diatas dapat kita lihat bahwanysa ada sebuah form yang saya namai FormKu. Dimana didalam form tersebut dua buat inputan dimana satu inputan menggunakan textarea yang fungsinya untuk inputan dan satu form lagi menampung jumlah kata yang sudah di inputa pada textarea.

Oh ya dapat juga kita lihat bahwasanya ada event onkeyup pada inputan textarea, ini berfungsi ketika ada proses pengetikan pada textarea tersebut maka akan dijalankan fungsi hitung_kata().

Selanjutnya kita buatkan fungsi javascript untuk menghitung jumlah kata pada form inputan. Kodingannya seperti berikut :

Berikut Penjelasan kode diatas

  1. function hitung_kata() inisialisasi sebuah fungsi javascript yang akan dijalankan pada saat ada permintaan.
  2. var pesan = document.FormKu.pesan.value inisial pesan yang di input pada form diatas khusunya pada form bernama pesan yang selanjutnya diambil nilainya.
  3. banyak_kata = pesan.split(” “). banyak kata ada variabel yang menyimpan nilai pada variabel pesan yang selanjutnya akan dipecahkan menjadi array menggunakan method split.
  4. document.FormKu.jumlah.value = banyak_kata.length menampilkan jumlah kata yang di input pada form yang sudah disiapkan sebelumnya dan bernama jumlah. Dimana nilai yang ditampilkan banyak nya kata yang disimpan dalam variabel banyak_kata.
menghitung jumlah kata di javasript
menghitung jumlah kata di javasript

Source Code Lengkap Menghitung Jumlah Kata

Berikut code lengkap dari materi menghitung jumlah kata menggunakan javascript.


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 Karakter Menggunakan Javascript
Membatasi Jumlah Inputan Dengan Javascript

Diskusi

2 Komentar
  • arwanatoto 3 months ago

    Komentar saya hanya satu kata: luar biasa!

  • kamera ultra 3 months ago

    Terima kasih atas kecerdasan dan wawasan yang disajikan dalam artikel ini.

Tulis Komentar / Pertanyaan

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