Cara Menghitung Banyaknya Karakter Menggunakan Javascript

Pada sebagian orang mungkin tidak asing dengan Bahasa client server yang satu ini yaitu Javascript, JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape di bawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript. Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.

JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX. JavaScript adalah bahasa yang digunakan untuk AJAX. (Wikipedia). Javascript sendiri lebih cenderung untuk membangun suatu web design, untuk lebih real time dalam pengeoperasiannya, jadi user tidak perlu me-reload untuk mendapatkan suatu hasil yang terbaru, nah pada kesempatan kali ini saya ingin membahas tentang Cara Menghitung Banyaknya Karakter Menggunakan Javascript, codingan pada javascript hampir sama dengan codingan pada Bahasa Pemrogramman PHP, tidak jauh berbeda, oke langsung saja teman teman bisa langsung praktekan dibawah sini :

1. Buat file bernama hitung.html
2. Masukkan script dibawah sini :

3. <script type="text/javascript">
   			function hitung (){
   				
   				var tampilkan = document.getElementById('nama').value;
   				var nama = document.getElementById('nama').value.length;
   
   				document.getElementById('hasil').innerHTML = ('<span style=color:red> Nama Anda : </span> ' + tampilkan + ' <br/> <span style=color:blue> Total Huruf : </span>' + nama);
   
   			}
   		</script>
   <div class="container">
   			<div class="row">
   				<legend>Form title</legend>
   				<div class="col-md-12">
   					<div class="form-group">
   						<label for=""> NAMA ANDA </label>
   						<input type="text" class="form-control" id="nama" placeholder="Input field">
   						<span id="hasil"></span>
   					</div>
   					<button type="submit" onclick="hitung();" class="btn btn-primary">Submit</button>
   
   					
   				</div>
   			</div>
   		</div>

    

4. Save dan jalankan dibrowsernya.

Cukup mudah bukan, cukup sekian tutorial tentang Bagaimana Cara Menghitung Banyaknya Karakter Menggunakan Javascript, sampai bertemu diartikel selanjutnya dan sampai jumpa.

berikut Hasilnya :

#KeepLearn

#IsmetMA