Javascript adalah bahasa pemrograman tingkat tinggi dan dinamis. Javascript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. Pada tutorial kali ini saya akan membahas tentang Cara Menghitung Karakter pada Textarea Menggunakan Javascript.
Dengan menggunakan javascript kita di beri kemudahan dalam hal membuat animasi untuk mempercantik tampilan website. Namun tidak hanya sekedar membuat animasi saja bahasa pemrograman javascript menyediakan bebrapa metode yang bisa kita manfaatkan utuk hal lainya seperti tutorial kali ini tentang Cara Menghitung Karakter pada Textarea Menggunakan Javascript dan berikut langkah-langkahnya :
1. Pertama
Buka teks editor teman-teman dan buat file html baru lalu ketikan kode html di bawah ini:
<!DOCTYPE html> <html> <head> <title>Hitung Karakter Pada Textarea</title> </head> <body> <textarea id="text"></textarea> <br> <span id="hitung">0</span><span> Karakter</span> </body> </html>
Lalu jangan lupa di simpan dan coba buka file html-nya di browser teman-teman, maka tampilannya akan sperti gambar di bawah ini:
Karena kita belum memasukan script programnya maka apabila kita isi text areanya karakternya akan tetap pada angka 0
2. Kedua
Ketikan script di bawah ini
<script><br />//mengambil id text dan hitung untuk di masukan ke var tet dan hitung
var text = document.getElementById('text');
var hitung = document.getElementById('hitung');
//proses perhitungan karakter
text.addEventListener("keyup", function() {
var karakter = text.value.split('');
hitung.innerText = karakter.length;
});
//spasi termasuk dalam perhitungan karakter<br /></script
Lalu save dan buka file html-nya lagi dengan browser teman-teman dan ketikan kata apa saja pada text area maka karakternya akan berubah sesuai karakter yang kita masukan:
Bagaimana teman-teman cukup mudahkan menghitung karakter menggunakan javascript, dengan javascript kita bisa memanipulasi objek sesuai keinginan atau kebutuhan kita sendiri.
Sekian tutorial kali ini tentang Cara Menghitung Karakter pada Textarea Menggunakan Javascript. Semoga bermanfaat bagi teman-teman.
The post Cara Menghitung Karakter pada Textarea Menggunakan Javascript appeared first on Kursus Website Terbaik.