Belajar JavaScript Dasar (Array) -Praktikum 13

-

Assalamualaikum WR.WB


Hai kembali lagi ke blog saya,sama seperti postingan sebelumnya kali ini saya akan memberi tutorial kodingan tentang bahasa pemograman JavaScript.Tapi bedanya sekarang kita belajar Array menggunakan JavaScript.Tapi sebelumnya apa sih itu Array?

Pengertian Array

Array adalah salah satu variabel yang dapat berisi banyak data yang independent. Data yang disimpan diberikan indeks teretentu atau menggunakan nomer urut mulai dari 0. Indeks ini nantinya dapat digunakan untuk mengakses array tersebut.

Jenis-jenis Array

 1) Array Monodimensi

Array hanya berisikan nilai-nilai tunggal disebut sebagai array Monodimensi.



Indeks ini akan diberikan secara otomatis oleh interpreter JS, dimulai dari elemen / data pertama dengan indeks 0. Dalam suatu array dengan n elemen, maka elemen ke-n akan mempunyai indeks n-1.

2) Array Multidimensi

Jika elemen suatu array berisikan array lainnya, maka array tersebut termasuk array Multidimensi.


3) Array Asosiatif

Indeks dalam array selain ditentukan secara otomatis oleh sistem dan selalu dimulai dari 0, juga dapat dimodifikasi dengan menggunakan kata (String) atau nilai tertentu. Tabel dengan indeks termodifikasi ini kita kenal dengan nama array Asosiatif.


Seperti biasa, ini merupakan beberapa contoh penggunaan Array pada Javascript, Penjelasan lengkap nya ada di gambar yang telah Mimin Berikan dibawah ini :

1.BuatArray

Codingan:



Style CSS:

 

Pembahasan:

Program diatas bertujuan untuk mengulang nama nama di dalam var siswaXTKJ1 secara berulang ulang.untuk mengulanginya saya menggunakan pengkondisian If Else.Berikut output codingan diatas:





 Nah.disini saya menggunakan style agar 'si' button (Klik Untuk Nama Selanjunya) beubah warna apabila telah diklik user,yang asalnya warna putih menjadi hitam.Contohnya seperti ini:


2.BuatArray2

Codingan:



Style CSS:


Pembahasan:

Masih sama seperti program diatas,Program diatas bertujuan untuk mengulang nama nama di dalam var siswa secara berulang ulang.untuk mengulanginya saya menggunakan pengkondisian If Else.Berikut output codingan diatas:




Masih sama seperti program diatas,disini saya menggunakan style agar 'si' button (Klik Untuk Nama Selanjunya) beubah warna apabila telah diklik user,yang asalnya warna putih menjadi hitam.Contohnya seperti ini:





 3.Array is Objek

Codingan:


Style CSS:



Output Program Diatas:

4.Akses Data on Array



Style CSS:



Hasil Output Diatas:






















Nah,mungkin sekian postingan kali ini sampai jumpa di postingan postingan selanjutnya.Terimakasih banyak,apabila ada kritik atau saran silahkan isi di kolom komentar.

Wassalamualaikum WR.WB



Komentar

Posting Komentar

Postingan populer dari blog ini

Laravel : Create Data, Validation, dan Old Input

-
Gambar
Assalamualaikum WR.WB     Hai! kembali lagi ke blog saya,pada postingan kali ini saya akan memberikan materi Laravel yaitu Membuat data di Laravel (Create Read Update Delete)  atau disebut juga dengan CRUD.Nah mari kita langsung ke pembahasannya!      Di postingan  sebelumnya , kita telah membuat beberapa tabel diantaranya tabel siswa dan juga kelas, jadi sekarang kita akan membuat create data di tabel siswa caranya sebagai berikut: 1. Buat link untuk menghubungkan form utama dengan form tambah data buka file  resources/views/belajar.blade.php  kemudian tambahkan ini di bawah tulisan data siswa <a class="btn btn-sm btn-success" href="{{ url('/siswa/create') }}">Tambah Data</a> 2. Ubah Routes buka file file  routes/web.php  lalu tambakan Route::get('/siswa/create','SiswaController@create'); 3. Menampilkan view dengan nama form yang terdapat pada folder siswa buka file  app/Http/Controllers/SiswaControlle
Baca selengkapnya

Belajar PHP (Nested Looping) -Praktikum 24

-
Gambar
Assalamualaikum WR.WB Hai!Kembali lagi ke blog saya,pada postingan kali ini saya akan memberikan tutorial menggunakan Nested Loop di PHP.Tapi sebelum kita ke materi apa sih yang disebut Nested Loop? Pengertian Nested Loop 1. Nested Looping Nested Looping adalah istilah dimana kita menggunakan beberapa kali pengulangan dalam 1 codingan, istilahnya tidak jauh berbedadengan Nested If . Seperti yang telah kita ketahui, jenis jenis pengulangan ada 3, yaitu : For, While, dan Do - While. Dalam Nested Looping kita dapat menggunakannya dengan bersamaan, sekarang saya akan mencontohkan penggunakan Nested Looping. <html> <head> <title> Ammar taradifa - XI RPL 3</title> </head> <link href="Loop.css" rel="stylesheet" type = "text/css" > <body> <center> <?php $jumlah = 5; for ($i = 1; $i <= $jumlah; $i++) { for ($j = 1; $j <= $i; $j++) { echo 'X'; }
Baca selengkapnya

Program Menentukan Hari Menggunakan If Dan Switch Case dan

-
Gambar
Assalamualaikum WR WB Pada postingan akan kali ini saya akan membahas program untuk menentukan kode hari dan menentukan kelulusan seseorang. 1. Program Menentukan Hari If Program ini akan menentukan hari berdasarkan kode yang user input,yang nanti akan dieksekusi oleh program.contohnya user menginput angka 7 maka program akan mengoutput hari senin. Berikut codingan programnya: Jadi apabila user menginput kode dari 1 - 7  maka program akan mengoutput dari hari minggu - hari senin.Berikut rincianya: -Kode 1 = Hari Minggu -Kode 2 = Hari Senin -Kode 3 = Hari Selasa -Kode 4 = Hari Rabu -Kode 5 = Hari Kamis -Kode 6 = Hari Jumat -Kode 7 = Hari  Sabtu  Berikut hasil programnya: 2. Program Menentukan Hari Switch Case Program ini sama seperti program di atas akan tetapi kali ini menguunakan switch case,Apa itu switch case? Switch-case merupakan pernyataan yang dirancangan khusus untuk menangani pengambilan keputusan yang melibatkan sejumlah atau banyak alternatif
Baca selengkapnya