Tutorial menghitung Jumlah string di javascript

Publish Date : 23-12-2016 , dibaca 23284 kali, Hari ini dibaca : 1 kali ,0 comments

Tutorial Menghitung Jumlah Karakter atau String Dengan Javascript , Pada artikel ini kita akan membahas fungsi length yang ada pada javascript yang digunakan untuk menghitung karakter atau string. dengan menggunakan fungsi length di javascript kita bisa mengetahui panjang string atau karakter yang diinputkan ti textfield atau textarea,

Menghitung Jumlah String dengan Javascript

Berikut ini contoh sederhana dari fungsi .length yang ada dijavascript :

<html>
    <head>
        <title>
                    selamat datang
        </title>
    </head>
        <body onload="alert ('halaman habis di load')">
            <script>
            var teks = "suckittrees.com"
            panjang = teks.length;
            alert(panjang);
            </script>
        </body>
</html>

PENJELASAN :
var teks = "suckittrees.com"// kita membuat sebuah variabel untuk menampung sebuah nilai di dalam javasctipt untuk membuat sebuah variabe kita mendifinisikannya dengan var di ikuti nama variabelnya="nilai dari variabelnya"

// jika variabenya yang di tampung tersbut berupa string, jika nilai yang yang di tampung adalah numeric maka tidak perlu menggunakan tada ""..
untuk menghitung panjang dari nilai variabel tersbut kita gunakan fungsi length.

OUTPUT :

Studi Kasus

Menghitung Jumlah String di textfield dengan Javascript

Berikut ini merupakan code yang digunakan untuk menghitung Jumlah String / Karakter yang ada di textbox / textfield :

<html>
<head>
<title>Belajar Javascript | Serandal</title>
<script language='javascript'>
function HitungText(){
var Teks = document.forminput.textinput.value.length;
var total = document.getElementById('hasil');
total.innerHTML = Teks + ' Karakter';
}

</script>
</head>
<body>
<center>
<form name='forminput'>
<input type='text' size='30' name='textinput' onKeyUp='HitungText()'><span align='center' id='hasil'>
0 karakter
</span>
</form>
</center>
</body>
</html>