Langsung ke konten utama

Membuat fungsi reverse dengan javascipt dan html (HTML Programming)


Assalamualaikum.. selamat pagi..
Ketemu lagi dengan saya diblog sederhana ini. Pada tutorial kali ini saya ingin membuat fungsi reverse yang berfungsi untuk membalik tulisan. Logika dari fungsi ini adalah kita membaca perhuruf dari belakang dengan menggunakan perulangan. Agar bisa ditampilkan maka ketika huruf dibaca, kita juga sekaligus menampung huru tarsebut.

Disini saya menggunakan media html untuk menjajalya. Berikut cuplikannya:



   








<!DOCTYPE html>
<html>
<head>
     <title>Reverse</title>
</head>
<body>
String <input type="text" id="teks"><br/>
<input type="button" onclick="reverse()" value="Balik tulisan"><br/>
Hasil <input type="text" id="hasil">

<script type="text/javascript">
     function reverse(){
           x=document.getElementById('teks').value; //mengambil tulisan yang akan direverse
           var hsl,p;
           hsl=""; //menginisialisasi variabel hsl dengan tanda kutip. Ini berfungsi agar ketika digunakan variabel ini sidah ada isinya
           p=x.length; //mengambil panjang dari tulisan yang akan direfvese
           for(a=p-1;a>=0;a--){ //perulangan dimulai dari p-1 karena tulisan sring sama seperti array of char. Dimulai dari index ke 0 sehingga jika panjannya n maka tulisan berakhir di n-1
                hsl=hsl+x.charAt(a); //mengambil tulisan di index ke a lalu menampungnya di variable hsl
           }
           document.getElementById('hasil').value=hsl; //proses menampilkan
     }
</script>
</body>
</html>

Sekian.. semoga bermanfaat

Komentar

Posting Komentar