Hai gan! Kembali lagi dalam tutorial ane :D. kali ini ane akan membahas tentang tutorial alay text generator menggunakan javascript yang masuk kedalam kategori javascript pure. sekalian, kan waktu itu saya udah bikin tutorial pembalik kata dengan vb6, kalo digabungin dengan alay generator, super super mumet code :v.Langsung aja ya Step 1: siapin

Membuat Alay Text Generator Menggunakan JavaScript

Hai gan! Kembali lagi dalam tutorial ane :D. kali ini ane akan membahas tentang tutorial alay text generator menggunakan javascript yang masuk kedalam kategori javascript pure. sekalian, kan waktu itu saya udah bikin tutorial pembalik kata dengan vb6, kalo digabungin dengan alay generator, super super mumet code :v. Sekaligus kalahkan alay generator bang cheyuz!
Langsung aja ya

Step 1:
Siapun dulu dong file nya :D. 1 file php, 1 file js. File phpnya terserah ente dikasih nama apa. Lalu 1 file javascript. Berinama alay.js

Step 2:
Masukin kode ini ke file alay.js

<script type="text/javascript">
<!--
  function HumanToABG(form){
var abgteks="";
var stemp;
var i,j;
var acak;
var aseli=form.aseli.value;
var TabelHuruf="AEGIOSZ";
var TabelAngka="4361052";
var TabelVokal="AIUEO";
if(aseli.length)
{
if(form.pilihan[0].checked==true)
{
for(i=0;i<aseli.length;i++)
{
acak = Math.round(2*Math.random())
if(acak)
abgteks=abgteks+aseli.charAt(i).toLowerCase();
else
abgteks=abgteks+aseli.charAt(i).toUpperCase();
}
}
else
abgteks=aseli;
var terganti=0;
stemp="";
if(form.pilihan[1].checked==true)
{
for(i=0;i<aseli.length;i++)
{
acak=Math.round(2*Math.random())
terganti=0;
if(acak)
{
for(j=0;j<TabelHuruf.length;j++)
{
if(abgteks.charAt(i).toUpperCase()==TabelHuruf.charAt(j))
{
stemp=stemp+TabelAngka.charAt(j);
terganti=1;
break;
}
}
}
if(terganti==0)
stemp=stemp+abgteks.charAt(i);
}
abgteks=stemp;
}
stemp="";
if(form.pilihan[2].checked==true)
{
for(i=0;i<aseli.length;i++)
{
acak=Math.round(2*Math.random())
terganti=0;
if(acak)
{
for(j=0;j<TabelVokal.length;j++)
{
if(aseli.charAt(i).toUpperCase()==TabelVokal.charAt(j))
{
if((aseli.charAt(i-1)!=" ")&&(i>0))
{
terganti=1;
}
break;
}
}
}
if(terganti==0)
stemp=stemp+abgteks.charAt(i);
}
abgteks=stemp;
}
form.abg.value=abgteks;
}
else
{
form.abg.value="Anda belum memasukan text";
}
}
// -->
</script>

Kode diatas berfungsi untuk mengubah teks biasa ke teks Alay. Yang bisa memakai pilihan apakah hanya angka, besar kecil, atau singkatan.

Step 3:
Masukan kode ini ke file php nya

<?php
require "alay.js";
echo "<form action='ABG_Text.html'><center>Masukan Text : <br><textarea name='aseli' 'width:100%; max-width: 100%;' rows='2'></textarea><br>Hasil Text Alay :<br><textarea name='abg' 'width:100%; max-width: 100%;' rows='2'></textarea><br><INPUT type='checkbox' name='pilihan'> BeSaR keCil<INPUT type='checkbox' name='pilihan'> P4k3 4n9k4<INPUT type='checkbox' name='pilihan'> Disngkt <br><input type='button' onclick='HumanToABG(this.form)' value='Generate'></input></center></div>";
?>

File diatas untuk input type nya. Dan tampilan dari alay generatornya :D. Ayo kalahkan Alay generator milik bang Cheyuz!
Jika ada yang ingin ditanyakan, lewat komentar


About Author

Yudhistira Bayu W

Seorang pelajar tampan dan rupawan yang mencoba belajar coding.


Comment & Discussions

  • Cecep Yusuf
    Hehehe... thanks tutorialnya. Mantap alay generatornya.. ayo kalahkan punya ane gan :p [link]http://alay.cheyuz.com[/link] . Ane juga ada rencana update alay generatornya nih..

    • Yudhistira Bayu W

      punya ente alay generatornya udah kaya google translate :p kalo ngetik langsung muncul :D


  • Mas bro untuk mengubah javascript ke java gimana yah??? q binggung n butuh buat inspirasi mas broooo

  • Please LOGIN before if you want to give the comment.