Praktikum 7

  Praktikum 7

    Hai, nama saya Farhan Ardiansyah dari SMKN4 XI RPL 1, saya akan berbagi pengetahuan tentang Javascript pada postingan kali ini.

1.) Array 

    Dalam Javascript Array adalah sebuah variable yang dapat menyimpan berbagai data dalam satu variable. Index Array Selalu dimulai dari angka [0] dan seterusnya, Agar Lebih jelas silahkan perhatikan source code berikut.

Didalam source code tersebut, kita membuat sebuah variable yang bernama siswaXIRPL yang dimana variable tersebut menyimpan array, yang didalamnya terdapat tipe data string dari nama nama siswa RPL. Kita juga memanipulasi paragraf yang id nya bernama coba lalu kita ambil array dari variable siswaXIRPL yang indexnya [4]. Yang perlu kita ingat adalah array indexnya selalu dimulai dari angka [0] maka dari itu jika pada source code tersebut mengambil array yang indexnya 4, maka didalam halaman website tersebut akan muncul string "Hanif".

    Selengkapnya silahkan lihat output dari codingan tersebut!

Kita akan berlatih kembali membuat array monodimensi. Silahkan Perhatikan Source code dibawah ini!

Pada Source code tersebut kita membuat sebuah array yang berisikan nama nama hewan, dan kita langsung menuliskan isi array tersebut dengan menggunakan document.write. Berhubung kita menggunakan script sebelum tag p, maka document.write tersebut akan menuliskan isi array tersebut sebagai tag p didalam html.

    Silahkan Cek Output dari Source Code tersebut di bawah ini!

2.) Array Multidimensi

    Pada Javascript Array Multidimensi adalah Array yang menyimpan sebuah Array lagi, Jadi Kita membuat sebuah variable yang berisi array, yang mana isi dari array tersebut adalah array lagi. Untuk Selengkapnya silahkan perhatikan Source Code dibawah ini!

    Pada Source Code tersebut kita membuat sebuah variable yang bernama pets, yang dimana didalam variable pets tersebut kita membuat dua array. Array pertama berisi ("Miyu", 3, "Cat"), dan Array Kedua berisi ("Rocky", 12, "dog).

Cara memanggil array tersebut sama halnya dengan memanggil array monodimensi, yaitu tinggal kita panggil index dari array tersebut!

    Silahkan perhatikan output dari source code tersebut dibawah ini!

Didalam output tersebut, kita berhasil menampilkan sebuah pop-up box dengan mengambil data dari array.

 

3.) Pengkondisiian Dengan Menggunakan If, If Else If Else, dan Switch case

    a.)If dan If Else

Silahkan Perhatikan Source Code Dibawah ini!

    Didalam source code tersebut kita membuat sebuah pengkondisian dengan menggunakan if, jadi kita membuat sebuah pop-up box menggunakan prompt yang mana user bisa menginputkan sebuah data di pop-up box tersebut. Lalu jika user memasukan angka lebih kecil dari 17 maka nanti akan muncul sebuah pop-up box alert dengan menampilkan sebuah string.

    Untuk selengkapnya silahkan cek Output dari source code tersebut.

Didalam foto tersebut kita mencoba memasukan angka 16, yaitu angka yang lebih kecil dari 17, kita lihat apa yang akan terjadi jika kita memasukan angka yang lebih kecil dari 17.

Dalam Foto Tersebut muncul sebuah pop-up box yang berisi string "Kamu belum dapat mengikuti pemilu".

4.) Switch Case

    Dalam materi saat ini kita akan belajar mengenai Switch case, Kita langsung saja perhatikan source code dibawah ini!

Didalam source code tersebut kita membuat sebuah switch case yang mana switch case tersebut berguna jiga user mengeclick Angka 1-5 maka akan menampilkan isi dari case tersebut. Cara penggunaan switch case kalian bisa memperhatikan source code tersebut.

    Kita Langsung lihat saja output dari source code tersebut!

Difoto tersebut kita mencoba menginputkan angka 5 kita lihat apa yang muncul

Silahkan Perhatikan Output dibawah ini!

Yang muncul ketika kita menginputkan angka 5 adalah isi case dari case 5 tersebut, Switch case sangat cocok jika kita dihadapkan untuk membuat sebuah program yang terdapat berbagai pilihan tertentu contohnya adalah program diatas yang mana kita membuat program yang membuat user harus memilih option atau pilihan tertentu.

 Sekian dari saya Mohon Maaf jika ada kesalahan.