Tutorial Pemrograman

Cara Membuat Text Counter dengan Javascript

Counter atau alat penghitung seringkali digunakan oleh pengguna untuk mengetahui jumlah suatu obyek atau komponen terkait, baik itu dalam format angka maupun kata. Banyak sekali variasi alat penghitung mulai dari Binary Counter (penghitung biner) hingga IP Counter. Salah satu jenis counter yang paling sering dibuat ialah Text Counter atau penghitung kata, dimana penggunanya dapat menghitung jumlah kata pada setiap kalimatnya secara akurat.

Pada artikel kali ini, kita akan membuat text counter menggunakan bahasa pemrograman HTML dan Javascript.

Langkah:

1. Terlebih dahulu, buka notepad dan buatlah file yang bernama index.html dengan konten file sebagai berikut:

2. Pada bagian <body>, masukkan kode berikut:

Nantinya, konten pada bagian <body> akan menjadi seperti berikut:

3. Pada bagian <script>, masukkan kode berikut:

Nantinya, konten pada bagian <script> akan menjadi seperti berikut:

4. Save file yang telah dibuat sebelumnya. Lalu, jalankan file index.html melalui browser. Jika berhasil, nantinya akan muncul kotak textarea, beserta dengan komponen button dan kolom jumlah kata yang dimasukkan.

Demikian tutorial tentang cara membuat text counter dengan Javascript. Semoga bermanfaat.









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Berlangganan tutorial Inwepo melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top