Haikal PG - XI RPL 1 - PWPB Sesi 24

Assalamualaikum Warahmatullahi Wabarokatuh
Bertemu lagi dengan saya, Haikal Putra Gustiansyah. Pada sesi kali ini kita akan membahas tentang nested loop atau perulangan bersarang jadi dengan kata lain yaitu for dalam for dan array.
polanya:

Pola Nested Loop

Ya kira-kira seperti diatas dan coba teman-teman copy code berikut dan coba jalankan (jgn lupa jalankan dulu apachenya):

<?php 
 $jumlah = 5;
 for ($i=1; $i <= $jumlah ; $i++) { 
  for ($j=1; $j <= $i ; $j++) { 
   echo "X";
  }
  echo "<br>";
 }
 ?>

Dan jalankan maka hasilnya akan seperti ini:

Maka akan membentuk setengah segitiga!. Berikutnya kita coba study kasus.

TanggaBerwarna.php
Kita akan membuat tangga/setengah segitiga dengan nested loop. Seperti contoh diatas, mudah saja kita tinggal ganti statement 'X' dengan elemen html berupa div yang diberi tinggi, lebar, warna (pebembarian warnanya menggunakan radio button agar user memilih warna yang diinginkan). Begini tampilanya:

Pusing? Berikut source codenya:

<!DOCTYPE html>
<html>
<head>
 <title>Haikal Putra Gustiansyah XI RPL 1 Tangga warna</title>
 <style type="text/css">
  body{
   background-color: cyan;
   font-family: cursive;
  }
  .tangga{
   height: 10px;
   width: 10px;
   display: inline-block;
   border: 1px solid black;
  }
  button{
   background-color: red;
   color: white;
   border: 1px solid black;
  }
 </style>
</head>
<body>
 <form method="post" action="">
  <table>
<tr>
    <th>Tangga Berwarna</th>
   </tr>
<tr>
    <td>Jumlah Anak Tangga</td>
    <td><input type="text" name="jumlah"></td> 
   </tr>
<tr>
    <td>Warna</td>
    <td><input type="radio" name="warna" value="green">Hijau
    <input type="radio" name="warna" value="purple">Ungu
    <input type="radio" name="warna" value="yellow">Kuning
    <input type="radio" name="warna" value="blue">Biru
    <input type="radio" name="warna" value="grey">Abu</td>
   </tr>
<tr>
    <td><button type="submit">Buat Tangga</button></td>
   </tr>
</table>
</form>
<?php 

  $jumlah = (int)$_POST['jumlah'];
  $warna = $_POST['warna'];

  for ($i=1; $i <= $jumlah ; $i++) { 
   for ($a=1; $a <= $i ; $a++) { 
    echo <<<aw
    <div class="tangga" style="background-color:$warna">
</div>
aw;;
   }
   echo "<br>";
  }

  ?>
</body>
</html>

Array
Masih ingat dengan array di javascript? ya array adalah sebuah tipe data yang digunakan untuk menyimpan variable dengan tipe data yang sama.

analogi array dimensi satu

analogi array dimensi dua

Coba jalankan code berikut:

<?php 
 $siswa = array(array("1819117579", "Haikal", "XI RPL-1"),
 array("1819117580", "Milyardin", "XI RPL-1"),
 array("1819117581", "M.Fadil", "XI RPL-1"));
 echo '<table border=1>
<tr>
    <th>NIS</th>
    <th>NAMA</th>
    <th>KELAS</th>
   </tr>
';

   for ($i=0; $i < 3 ; $i++) { 
    echo "<tr>";
    for ($j=0; $j < 3 ; $j++) { 
     echo '<td>'.$siswa[$i][$j].'</td>';
    }
    echo '</tr>
';
   }
   echo '</table>
';

 ?>

Dan jika dijalankan maka akan seperti ini:

Semua data yang ada didalam array akan dipanggil.

Sekian saja pada pertemuan kali ini dan sampai jumpa di pertemuan berikutnya. Wassalamualaikum Warahmatullahi Wabarokatuh

Pemrograman Web Dan Perangkat Bergerak

Cari Blog Ini

Haikal PG - XI RPL 1 - PWPB Sesi 24

Komentar

Posting Komentar

Postingan populer dari blog ini

Haikal PG - XI RPL 1 - PWPB Sesi 25

Haikal PG - XI RPL 1 - PWPB Sesi 7

Haikal PG - XI RPL 1 - PWPB Sesi 19