PWPB - Pertemuan 15 (Javascript)

Assalamu'alaikum Wr.Wb
Salam sejahtera bagi kita semua...

kembali lagi di SekolahQue, kali ini kita akan mempelajari tentang struktur control perulangan dan fungsi(function) di java script. Jika kalian belum tahu apa itu perulangan. Perulangan merupakan struktur yang memungkinkan menjalankan kode program yang sama beberapa kali dengan menggunakan suatu kondisi tertentu. Perulangan dalam javascript memiliki 3 bentuk perulangan, yaitu: 

• For
• While
• Do-while

Sintaks perulangan for :

• Inisialisasi disini digunakan sebagai bagian penentu variabel yang akan digunakan untuk mengendalikan jumlah perulangan yang akan dilakukan.
• Kondisi disini digunakan untuk menentukan kapan suatu blok perulangan dijalankan berdasarkan dari variabel penentu tersebut.
• Peubah adalah operasi aritmatika yang dapat dilakukan untuk mengubah nilai variabel penentu tersebut.

Satu hal yang perlu diperhatikan ialah patokan nilai pada kondisi, pada bahasa pemrograman lain biasanya apabila kondisi tersebut bernilai salah atau sintaks yang salah maka akan berakibat error atau yang lebih parah infinite loop. Sesuai dengan namanya infinite loop yang akan terus menerus tanpa henti mengulang suatu program.

Sintaks perulangan Do-while :

Sintaks perulangan while :

Perbedaan struktur control Do-while dengan while :

Perulangan Do-while akan mengecek kondisi dibelakang (sesudah mengulang), sedangkan while akan mengecek didepan atau awal (sebelum mengulang).

Itu semua terserah pada kalian ingin menggunakan struktur kontrol yang mana...

KESIMPULAN :

Selanjutnya saya akan membahas mengenai fungsi atau function...

Apa sihh itu fungsi ?

Kalau begitu langsung saja kita ke codingan...

(Klik setiap judul untuk melihat codingannya)

• For1.html + JS Internal + CSS 

SCREENSHOT:

• For2.html + JS Internal + CSS

SCREENSHOT:

• while1.html + JS Internal + CSS

Nahh...kalau kalian belum tahu, pada codingan di atas var x bernilai 0, dan while akan mengulang sesuai kondsi (x < 5) karena var x nilainya 0 maka program akan menjalankan perulangannya sebanyak 5 kali. Sedangkan apabila nilai var x = 1 maka program akan mengulangnya sebanyak 4 kali dan seterusnya sesuai dengan berapa kali anda ingin mengulangnya, Dan fungsi X++ itu apabila setiap program mengulang dan bernilai benar maka akan ditambah nilai 1. Sehingga output akan seperit di bawah ini...

SCREENSHOT:

• Do-while + JS Internal + CSS

Sedangkan menggunakan Do-while dia akan mengulang setelah melihat kondisi dibelakang apabila benar dan dia akan mengulang langsung ke Do...

SCREENSHOT:

• BuatPengulangan.html + JS Internal + CSS

Nahh disini saya menggunakan tiga struktur perulangan sekaligus yang dimana setiap perulangan akan mengulang program yang nantinya akan muncul keluaran atau output yang sama dibawah ini...

SCREENSHOT:

• BuatFungsi.html + JS Internal + CSS

Di function terdapat suatu parameter, apasih itu parameter? parameter itu hampir sama seperti variabel akan tetapi parameter itu biasanya suatu variabel yang diletakkan atau berada dalam tanda kurung. Dan sedangkan return itu adalah sebagai nilai balik suatu variabel.

• BuatFungsi2TanpaReturn + JS Internal + CSS

Buat fungsi ini sesuai dengan judulnya, tanpa return. Sehingga tidak terdapat nilai balik pada suatu variabel. Hasilnya seperti dibawah ini :

SCREENSHOT:

• BuatFungsiCharAt.html + JS Internal + CSS

Method charAt() ini akan menyalin karakter pada indexs tertentu di dalam string. Bisa kalian lihat pada codingannya dengan klik judul dan hasilnya seperti di bawah ini...

SCREENSHOT:

• BuatFungsiIndexOf.html + JS Internal + CSS

Metode yang kita bahas pertama adalah indexOf. Metode ini akan mencari karakter atau gabungan karakter di dalam string, lalu mengembalikan nilai indeks dari karakter atau gabungan karakter tersebut.

SCREENSHOT:

Sekian dulu yang dapat saya jelaskan...

Pelajari dan coba dirumah...

Terus semangat belajar...

Assalamu'alaikum Wr. Wb.