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>
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:
Untuk langsung menjalankan kode-kode HTML atau javascript, anda bisa menggunakan TryIt editor.
0 comments:
Post a Comment