0 Belajar JavaScript Bagian 9 ( Looping - For )
Senin, 23 Mei 2011
Label:
Tips Trik
Sebelum membahas materi tentang for, sebelumnya kita harus paham dulu dengan istilah looping. Dalam dunia pemrograman, looping diartikan sebagai perulangan, yang ditujukan untuk mengulang-ulang proses tertentu sampai kondisi yang diinginkan tercapai. Contohnya, jika anda ingin menampilkan urutan angka dari 1 sampai 7777 apakah anda akan menuliskanya manual pada kode anda? tentu sangat aneh rasanya, oleh karena itu sang looping dilahirkan didunia pemrograman untuk menyelesaikan masalah sejenis ini, sehingga cukup dengan syntax yang simple kita dapat menuliskan angka-angka tersebut tanpa bertindak yang tak perlu.
Salah satu dari beberapa metode looping dalam javascript adalah menggunakan For. Berikut Syntax-syntax dan contohnya,
Syntax For loop :
for(variable;kondisi_variable;penambahan_variable){
code-code yang diinginkan;
}
Berikut contoh penggunaan dan variasinya,
1. Contoh Looping For dengan Increment
Code :
<html>
<head>
<title>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</title>
</head>
<body>
<h4>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</h4>
<script type="text/javascript">
var x;
for(x=1;x<10;x++){
document.write(x+"<br/>");
}
</script>
</body>
</html>
Hasil :
Tujuan dari contoh diatas adalah untuk menjelaskan kegunaan for dengan metode increment (menambahkan variable dengan 1) sehingga variable looping akan terus ditambahkan dengan nilai 1 sampai nilai variable tersebut tidak lebih besar dari 9. Dan pada setiap looping terjadi maka program akan menampilkan nilai variable saat ini.
2. Contoh Looping For dengan Decrement
Code :
<html>
<head>
<title>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</title>
</head>
<body>
<h4>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</h4>
<script type="text/javascript">
var x;
for(x=100;x>=90;x--){
document.write(x+"<br/>");
}
</script>
</body>
</html>
Hasil :
Pada contoh kali ini metodenya sama dengan contoh yang pertama, hanya bedanya variable looping disini dikurangi dengan 1.
3. Contoh Looping For Custom
Code :
<html>
<head>
<title>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</title>
</head>
<body>
<h4>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</h4>
<script type="text/javascript">
var x;
var y;
y=1;
for(x=0;x<=70;x+=7){
document.write("Hasil Loop ke-"+y+" = ");
document.write(x+"<br/>");
y++;
}
</script>
</body>
</html>
Hasil :
Pada contoh diatas, kita menentukan sendiri step penambahan variablenya dengan menambahkannya dengan 7 sampai nilai variable tersebut tidak lebih dari 70. Selain itu kita menggunakan bantuan variable “y” yang digunakan untuk merekam nomor urut looping, variable “y” akan terus ditambahkan dengan 1 sampai proses looping berhenti. Mudah bukan? Selamat menjajal...
Salam Persahabatan…….
0 THOR 2011
Label:
Film
Thor (2011) TSRiP READNFO RMVB | 340 MB
THOR…. The powerful but arrogant warrior He is cast out of the fantastic realm of Asgard and sent to live amongst humans on Earth, where he soon becomes one of their finest defenders.
Genre: Action | Adventure | Drama
Language: English
Subtitle: None
Format: RealMedia
0 New Blackberry Application
Minggu, 22 Mei 2011
Label:
Download
0 Bisnis OnLine
Kamis, 28 April 2011
Label:
Lain-lain
Selamat Datang di Program 5MILYAR!!!
Program5milyar.com adalah sebuah website bisnis online dengan sistem otomatis yang dikelola oleh beberapa orang IT Profesional. Sesuai dengan namanya, Program 5MILYAR akan memberikan anda peluang pendapatan hingga 5MILYAR dalam waktu relatif singkat dengan melakukan 2 langkah mudah.
PENJELASAN SELENGKAPNYA LIHAT DISINI.
1 Belajar JavaScript Bagian 8 ( Function )
Jumat, 22 April 2011
Label:
Tips Trik
Apa itu function?? Lha lo tanya ma gw trus gw tanya ma siapa? Function adalah bahasa inggris dari fungsi. Jelas bukan? Ok lanjut, dalam dunia pemrograman function adalah sebuah blok program yang berisi code-code dengan tujuan dan hasil tertentu yang dinyatakan dalam sebuah struktur sehingga dapat digunakan dengan mudah dan reuseable. Contoh gampangnya gini, misalkan anda ingin menghitung total gaji karyawan yang terdiri dari gaji pokok, bonus, lembur dan tunjangan, maka anda dapat merangkum seluruh proses tersebut dalam sebuah fungsi, sehingga jika anda memerlukan perhitungan gaji karyawan yang lain anda cukup memanggil fungsi tersebut tentunya dengan sedikit perubahan pada variabel-variabel pendukung.
Secara garis besar function dapat dikelompokan kedalam 3 jenis, yaitu function dengan variable, function tanpa variable, dan function dengan nilai balik.
Berikut syntax dari ketiga jenis function tersebut,
function nama_fungsi(variable 1,variable 2,...variable n)
{
code-code yang diinginkan;
}
Anda lihat pada bagian setelah nama_fungsi, disitu terdapat pernyataan variable, anda dapat memberikan variabel sebanyak yang anda mau untuk membantu fungsi tersebut menghasilkan proses sesuai dengan yang anda inginkan
Sebuah function juga dapat tidak menggunakan variabel, sehingga syntaxnya dapat seperti berikut,
function nama_fungsi()
{
code-code yang diinginkan;
}
Pada kedua syntax diatas function tidak memberikan nilai balik, apa nilai balik itu sendiri? Nilai balik adalah nilai yang dihasilkan oleh sebuah fungsi sehingga nilai balik tersebut dapat digunakan atau direkam kedalam sebuah variable. Berikut syntaxnya :
function nama_fungsi(variable 1, variable 2,...variable n)
{
code-code yang diinginkan;
}
Untuk lebih jelasnya perhatikan contoh-contoh berikut,
Code :
<html>
<head>
<title>Contoh JavaScript - Function (By. CobaLihatSaja.com)</title>
<script type="text/javascript">
function pesan()
{
alert("Welcome to CobaLihatSaja.com");
}
</script>
</head>
<body>
<h4>Contoh JavaScript - Function (By. CobaLihatSaja.com)</h4>
<input type="button" value="Click Here!" onclick="pesan()"/>
</body>
</html>
Hasil :
Pada contoh diatas kita membuat sebuah function tanpa menggunakan variabel, tujuannya hanya akan menampilkan sebuah pesan selamat datang jika tombol yang disediakan dklik oleh pengunjung.
Berikut contoh function yang menggunakan variable dan nilai balik sekaligus,
Code :
<html>
<head>
<title>Contoh JavaScript - Function (By. CobaLihatSaja.com)</title>
<script type="text/javascript">
var hutang_kantin=0;
var hutang_kasbon=0;
function set_hutang_kantin()
{
var x;
x=prompt("Berapa total hutang kantin anda?");
return x;
}
function set_hutang_kasbon()
{
var y;
y=prompt("Berapa total hutang kasbon anda?");
return y;
}
function hitung_hutang(hutang_kantin,hutang_kasbon)
{
var z;
hutang_kantin=set_hutang_kantin();
hutang_kasbon=set_hutang_kasbon();
z=parseInt(hutang_kantin)+parseInt(hutang_kasbon);
alert("Total Hutang anda adalah = "+z);
}
</script>
</head>
<body>
<h4>Contoh JavaScript - Function (By. CobaLihatSaja.com)</h4>
<input type="button" value="Click Here!" onclick="hitung_hutang()"/>
</body>
</html>
Hasil :
![clip_image006[1]](http://lh6.ggpht.com/_gWy22afWcAA/TbETWnyGyPI/AAAAAAAABDI/KN1fmgJdHH0/s1600-h/clip_image00616.jpg "clip_image006[1]")
Jika code diatas anda jalankan, maka anda akan disajikan sebuah tombol dan jika tombol tersebut diklik anda akan dipeintahkan untuk mengisi nilai hutang kantin dan hutang kasbon, dan terakhir akan ditampilkan jumlah total hutang anda. Mudah bukan, selamat bereksperimen!
Salam Persahabatan…….
