Javascript untuk menghitung jumlah karakter

Sunday, February 6, 2011


Sekedar sharing mengenai script untuk menghitung berapa banyak karakter yang kita input. Cara kerjanya mudah, ketika anda memasukkan karakter pada box yang disediakan, maka fungsi char counter akan dijalankan ketika anda melepas ketikan keyboard (onkeyup) dan kemudian menampilkan jumlah karakter yang telah anda ketik.. :D

Selamat mencoba, berikut kode HTML-nya. Tinggal di paste ke notepad lalu simpan dengan ekstension *.htm atau *.html
Bisa juga anda modif dan sisipkan fungsi caharacter counter ini di proyek-proyek web anda.. :D

<title>Character counter</title>
<form method="POST">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<textarea rows="30" name="charcount" cols="160" wrap="virtual" onkeyup="countit(this)"></textarea>
</td>
</tr>
<tr>
<td width="100%"><div align="right"><p>Jumlah karakter: <input type="text" name="displaycount" size="20" readonly="readonly"></p>
</td>
</tr>
</table>
</form>
<script language="JavaScript">
function countit(what){
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
</script>

SHARE THIS POST:
FB Share Twitter Share
Untuk langsung menjalankan kode-kode HTML atau javascript, anda bisa menggunakan TryIt editor.

Click to open

Kunjungi juga blog saya yang lain di Online tutorial

0 comments:

Post a Comment