Cara Menghitung Karakter pada Textarea Menggunakan Javascript
Javascript yakni bahasa pemrograman tingkat tinggi dan dinamis. Javascript populer di internet dan dapat bekerja di sebahagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan pada halaman web menggunakan tag SCRIPT. Di panduan kali ini saya akan membahas mengenai Cara Menghitung Karakter pada Textarea Menggunakan Javascript.
Dengan menggunakan javascript kita di beri kemudahan pada hal merancang animasi bagi mempercantik tampilan situs. Namun tak hanya sekedar merancang animasi saja bahasa pemrograman javascript menyediakan bebrapa sistem yang dapat kita manfaatkan utuk hal lainya seperti panduan kali ini mengenai Cara Menghitung Karakter di Textarea Menggunakan Javascript dan berikut langkah-langkahnya :
1. Pertama-tama
Buka teks editor teman-teman dan bikin file html baru lalu ketikan kode html di bawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Hitung Karakter Di 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, karenanya tampilannya akan sperti gambar di bawah ini:
Karena kita belum memasukan script programnya karenanya apabila kita isi text areanya karakternya akan tetap di angka 0
2. Kedua
Ketikan script di bawah ini
<script><br />//mengambil id text dan hitung bagi 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 pada perhitungan karakter<br /></script
Lalu save dan buka file html-nya lagi dengan browser teman-teman dan ketikan kata apa saja di text area karenanya karakternya akan berubah sesuai karakter yang kita masukan:
Bagaimana teman-teman lumayan mudahkan menghitung karakter menggunakan javascript, dengan javascript kita dapat memanipulasi objek sesuai keinginan atau keperluan kita sendiri.
Demikian panduan kali ini mengenai Cara Menghitung Karakter pada Textarea Menggunakan Javascript. Semoga bermanfaat untuk teman-teman.
Sumber https://kursuswebsite.org
