<html>
<head>
<title>output berbentuk segitiga</title>
</head>
<body>
<script language="javascript">
var bintang="";
for (i=10; i>=1; i--)
{
for (j=1; j<=i; j++)
{
bintang=bintang + "*";
}
document.write (bintang + "<br>");
bintang="";
}
</script>
</body>
</html>
Lalu simpan di notepad dan dengan file name misalnya : nama.html atau ganti nama dengan sesuka anda asalkan belakang dari nama tersebut di tambah dengan .html
Sekarang jalankan di browser anda dan tampilan nya akan menjadi seperti di bawah ini :
Script tersebut akan mencetak bintang, namun jika ingin merubah tampilannya silahkan di copas untuk trial mode atau dioprek otak-atik scriptnya sesuka anda sebagai seorang programer ingin menampilkan dalam bentuk apa .
Penjelasan :
1. Teks <html> ini mendefinisikan sebuah dokumen HTML dan di akhiri dengan </html>
2. <head>…</head>" (header) adalah informasi dari dokumen HTML
3. <title>output berbentuk segitiga</title> tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "output berbentuk segitiga".
4. Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser
5. <script language="javascript"> sampai </script> adalah ahasa javascript yang di gunakan dalam html . tetapi Tidak semua browser mampu memproses JavaScript, sehingga untuk menghindari kesalahan penampilan pada browser tersebut, anda perlu mengetikkan JavaScript diantara tag komentar HTML <!-- dan //--> contoh nya sebagai berikut :
<script language="javascript">
<!--
var bintang="";
for (i=10; i>=1; i--)
{
for (j=1; j<=i; j++)
{
bintang=bintang + "*";
}
document.write (bintang + "<br>");
bintang="";
}
//-->
</script>
6. var bintang=""; adalah nilai variabel bintang = "" atau bernilai string
for (i=10; i>=1; i--) adalah perulangan dari nilai i mula-mula 10 dan i lebih besar sama dengan 1 dan i-- artinya nilai i=i-1 , jadi i akan looping dari 10 sampai 1
7. {
for (j=1; j<=i; j++)
{
bintang=bintang + "*";
}
document.write (bintang + "<br>");
bintang="";
}
perulangan dari nilai j mula-mula 1 dan j lebih besar sama dengan i dan j++ artinya nilai j=j+1 , jadi j akan looping dari 1 sampai nilai i yaitu 10 hingga ke 1
didalam for(j=1;j<=i;j++) terdapat { bintang=bintang + "*"; } yang akan di eksekusi terlebih dahulu. setelah itu akan menampilkan document.write (bintang + "<br>");
apakah masih bingung? lihat proses di bawah ini :
PROSES :
1. proses nilai pertama j=1 , nilai j ini awal nya bernilai 1 dan akan merubah nilai bintang=bitang+"*" disini nilai dari bintang awal nya "" akan menjadi ""+"*"
jadi proses ini memberikan nilai * . jadi nilai for ini akan berulang sampai 10x, karena nilai j<=i nilai i disini adalah awal nya 10 dan j++ adalah nilai j=j+1 sampai dengan 10. misalkan nilai yang pertama adalah 1 , maka nilai nya j yang awal nya 1 akan ditambah 1 berarti nilai j=2 .
proses ke 2 ini di mulai dan akan memberikan nilai bintang * lagi
sampai proses ini berhenti yang di batasi hingga j<=i yaitu i =10.
jadi nilai bintang sekarang bukan bintang=bitang+"*" namun
bintang="*"+"*"+"*"+"*"+ "*"+"*"+ "*"+"*"+"*"+"*"
setelah itu akan di cetak atau tampilkan oleh document.write (bintang + "<br>");
nah ini adalah proses pertama oleh for (j=1; j<=i; j++) yang di hitung oleh i=10.
pasti anda bertanya-tanya ?? i=10 dari mana??
i=10 kan dari for (i=10; i>=1; i--) , nilai ini mula-mula =10 sampai dengan nilai i=1 atau i>=1.
jadi nilai i di sini yang di eksekusi terleih dahulu adalah nilai 10, trus 9 , 8, 7 ,6, 5, 4, 3, 2, 1
karena i disini akan berkurang 1 atau i-- atau i=i-1
dan tampilan outputnya akan ********** lalu ganti baris atau <br>
2. proses nilai j=1 dan j<=9;j++; jadi nilai i sekarang bukan 10 tapi 9.
dan bintang akan mencetak ********* lalu <br>
3. proses nilai j=1 dan j<=8;j++; jadi nilai i sekarang bukan 9 tapi 8.
dan bintang akan mencetak ******** lalu <br>
sampai proses nilai i=1 dan akan mencetak *
jadi inti proses di atas adalah :
********** >> adalah proses nilai j=1 dan i=10 (proses ke 1)
********* >> adalah proses nilai j=1 dan i=9 (proses 2)
******** >> adalah proses nilai j=1 dan i=8 (proses 3)
******* >> adalah proses nilai j=1 dan i=7 (proses 4)
****** >> adalah proses nilai j=1 dan i=6 (proses 5)
***** >> adalah proses nilai j=1 dan i=5 (proses 6)
**** >> adalah proses nilai j=1 dan i=4 (proses 7)
*** >> adalah proses nilai j=1 dan i=3 (proses 8)
** >> adalah proses nilai j=1 dan i=2 (proses 9)
* >> adalah proses nilai j=1 dan i=1 (proses terakhir)
Kesimpulan :
Jadi inti dari Perulangan For di dalam For adalah mengeksekusi perintah/kondisi dahulu serta pernyataan nya yang di eksekusi adalah di dalam { .......} "kurung kurawal"
Mohon maaf bila ada penjelasan saya yang salah atau kata-kata yang tidak teratur dalam coretan saya ini yang tidak menggunakan ejaan yang benar dalam bahasa indonesia / EYD alias bahasa saya yang masih SEMRAWUT maupun AMBURADUL (bahasa jawa) haha.
Semoga coretan saya ini bermanfaat untuk kalian semua^^, cukup sekian &terima kasih.
No comments:
Post a Comment