Home Archives for 12/29/15

Cara membuat textarea membatasi dan menghitung karakter dengan bantuan javascript

01:58:00 |
Hallo sobat semua bertemu lagi bersama saya nih.Pada kesempatan ini saya akan membahas tentang bagaimana Cara membuat textarea membatasi dan menghitung karakter dengan bantuan javascript.Kemarin-kemarin kita sudah membahas tentang Cara memanggil javascript di html.Dimana tutorial kali ini ketika kita masukkan teks dia akan membatasinya dengan bantuan javascript.Atau sebagai contoh kita ambil disini twitte, ketika anda membuat tweet baru di twitter pasti anda melihat angka yang semakin hari semakin berkurang ketika anda menulis teks baru lagi, nah tidak lain halnya dengan tutorial kali ini yang akan kita bahas bersama-sama.Jika sobat semakin penasaran mari kita mulai.

Cara membuat textarea membatasi dan menghitung karakter dengan bantuan javascript

oke mari kita langsung saja.
copy atau anda bisa ketik langsung script di bawah ini.

<html>
<head>
<script language="javascript" type="text/javascript"> 
 var maxAmount = 500;
 function textCounter(textField, showCountField) {
  if (textField.value.length > maxAmount) {
   textField.value = textField.value.substring(0, maxAmount);
  } else { 
   showCountField.value = maxAmount - textField.value.length;
  }
 }
</script>
</head>
<body>
<h1><font color="blue"> Tutorial belajar Javascript Dengan Biongo Attacker </h1></font>
<br>
 <form>
  <textarea name="ta" rows="10" cols="9" style="width:340px;" onKeyDown="textCounter(this.form.ta,this.form.countDisplay);" onKeyUp="textCounter(this.form.ta,this.form.countDisplay);"></textarea>
  <br>
  <input readonly type="text" name="countDisplay" size="5" maxlength="5" value="500"> Sisa Karakter
 </form>
 <br>
 <i>Jangan lupa untuk like fanspage kami <a href="https://www.facebook.com/BiongoAttacker" target="_blank"> Disini </a><br> Dan jangan lupa untuk mengunjungi blog kami ^_^ selalu.</i>
</body>
</html>

setelah anda copy script diatas anda simpan dengan extension html contoh java.html.
Dan hasilnya kemungkinan besar akan seperti pada gambar di bawah ini.


script diatas anda bisa edit sesuka hati kalian, dan silahkan anda mencobanya apa bisa atau tidak.

oke sekian dari saya terima kasih.
Subscribe to: Posts (Atom)