Komputasi Statistik: javascript

Sunday, October 16, 2011

Sintak I : Buat Tabel dalam HTML

Dalam posting kali ini, penulis ingin melanjutkan pembelajaran mengenai HTML. Kali ini kita akan mencoba untuk membuat tabel dalam HTML dengan menkombinasikannya juga dengan Javascript agar lebih dinamis.
Berikut sintaknya :

<html >
<head>
<script type="text/javascript">
function info(){
    alert("UKM Seni Tari merupakan UKM yang anggotanya semuanya wanita dan memiliki anggota berjumlah 20 orang. Mari gabung dengan UKM Seni Tari. Seru loooo..!!");
    var x = window.confirm("Anda mau gabung dengan UKM Seni Tari ?");
    if(x){
         var x =window.prompt("Masukan nama Anda")
         var y =window.prompt("Masukan kelas Anda")
        if(x!=null){
        if(y!=null)
        window.alert("Selamat Datang "+x+" kelas "+y+" di UKM Seni Tari")
        }

    }
    else
    window.alert("Terimkasih")
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SISTEM INFORMASI MENAJEMEN UKM STIS</title>
</head>
<body>
<p><h3 align="center" >DAFTAR UKM STIS TAHUN 2011</h3></p>
<table border="2" width="500" align="center">
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'" valign="middle" align="center">NAMA UKM</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'" valign="middle" align="center">Jumlah Anggota</td>
</tr>
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'" onclick="info()" id="senitari">Seni Tari</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'">20 orang</td>
</tr>
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'">Futsal</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'">30orang</td>
</tr>
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'">Komputasi.Net</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'">50orang</td>
</tr>
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'">Theater</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'">35 orang</td>
</tr>

</table>
</body>
</html>

Ketik sintak di atas di editor notepad, kemudian save dengan format namafile.html. Kemudian jalankan dengan browser Anda. Letakkan kursor di atas table. Lihat perubahan nya. Warnanya akan berubah. Kemudian coba klik pada kolom bertulisan Seni Tari. Maka ketika diklik, code javascript akan dieksekusi melalui fungsi info().

                                               ::Selamat Mencoba dan Berkreasi::

Wednesday, October 12, 2011

Apa sich JavaScript?

Alkisah,ada seorang pemuda dan pemudi jurusan Komputasi Statistik sedang asyik ngobrol. Apa ya yang diobrolin mereka.Jadi penasaran nich. Langsung aja ke TKP
Uun : On, aku masih belum paham tentang apa itu JavaScript nich.
         Apa JavaScript itu ya bahasa Java yang kita   pelajari tingkat II itu ya?
Oon : Haaaa..hari gini ga tau JavaScript. Jadul bin Katrok lo.
Uun : Emang kamu taw On??
Oon : Ya taw gitu loh. Masak kita anak KS gk taw JavaScript. terlebih lagi q kan orang Jawa.
         JawaScript ma makanan tiap hari.
Uun : Owww...pantes nama kamu "OON"..kamu ja lum bisa bedain pengucapan JavaScript ma JawaScript.
         Mulai sekarang LOE-GUE-END.
Oon : Alamak.....jangan gt lah un. Ku cinta kamu dari tingkat I, masak gara2 JavaScript kita END sich.:(
Uun : Biarin...kamu sich dari dulu Oon terus.

Kemudian munculah seorang cowok yang tampan, beralis tebal, berbibir tebal, bermuka tebal datang sambil(sering dipanggil "BEJO") berkata,"Hai,kalian sedang ribut apa sich?law ada masalah tanya ke gue."
Uun : Heem..ni si Oon gak taw JavaScript padahal dah tingkat IV. Sebenarnya ku juga lum taw sich..hehehe
Oon : Emang kamu taw Jo,apa itu JavaScript?
Bejo : Ya taw lah..hari gini gitoooeh. Begini penjelasannya :
"JavaScript itu adalah bahasa script yang biasa di jalankan di browser, orang-orang biasa bilang client side programming. Client di sini adalah browser,seperti : Internet Explorer, Safari, Google Chrome, Firefox dan sebagainya. Kode JavaScript biasanya disisipkan diantara kode-kode HTML."
Uun : trus apa kita butuh kompiler untuk menjalankan JavaScript?
Bejo: Tidak perlu jeng, kamu cukup menjalankan javascript menggunkan browser. Semua browser menpunyai engine untuk mengintepretasikan kode javascript kita jeng.

Oon : owwww...trus javascript syntaks nya gimana? Apa sama kayak java gitu?
Bejo : Sintaks javascript itu mirip-mirip bahasa C atau Java. Tapi ingat kode javascript ditulis diantara tag <script> dan </script>, bisa disisipkan ke kode-kode HTML. Javascript bersifat case sensitive, artinya huruf kecil dan huruf besar berbeda. Setiap baris kode javascript dipisahkan baris baru atau bisa juga titik koma(;). Contoh sintaknya sederhananya kayak gini On.

    <script>
    alert("Welcome to JavaScript");
    </script>

Uun : Uhmmm....Bejo keren banget deh. udah mukanya tebal,bibirnya tebal..pinter lagi. So sweet!!!
Oon : Uhf...LOE-GUE-END!!