`foreach` & HTML

Sekarang kita akan mencoba bagaimana menggunakan perulangan foreach di PHP dan menggabungkannya dengan HTML. Perulangan foreach sangat berguna ketika kita ingin mengiterasi melalui semua elemen dalam sebuah array. Pada bagian ini, kita akan membahas bagaimana caranya menampilkan setiap elemen dari array dengan menggunakan foreach dan menampilkan hasilnya dalam tag <h1>. Mari kita lihat kode di bawah ini dan menjelaskannya secara rinci.

Contoh Kode:

<?php
$buah = ['Apel', 'Pisang', 'Mangga', 'Jeruk'];

foreach ($buah as $item) : ?>
    <h1><?= $item; ?></h1>
<?php endforeach; ?>

Penjelasan yang Sangat Detail:

1. Inisialisasi Array:

   $buah = ['Apel', 'Pisang', 'Mangga', 'Jeruk'];

   • Di sini, kita membuat sebuah array yang berisi beberapa nama buah, yaitu "Apel", "Pisang", "Mangga", dan "Jeruk". Setiap elemen dari array ini akan diakses satu per satu menggunakan perulangan foreach.

2. Membuka Perulangan foreach:

   foreach ($buah as $item) : ?>

   • Perulangan foreach dimulai dengan kata kunci foreach. Dalam hal ini, $buah adalah array yang ingin kita iterasi, dan $item adalah variabel sementara yang akan menyimpan nilai dari setiap elemen array saat perulangan berlangsung.

   • Setiap kali loop berjalan, $item akan berisi satu elemen dari array $buah. Pada iterasi pertama, $item akan berisi "Apel", pada iterasi kedua "Pisang", dan seterusnya.

3. Menampilkan Elemen dalam Tag <h1>:

   <h1><?= $item; ?></h1>

   • Di dalam loop, kita menggunakan tag HTML <h1> untuk menampilkan nilai dari $item. Dengan menggunakan <?= $item; ?>, kita memerintahkan PHP untuk mencetak nilai dari $item di tempat tersebut. Ini akan menghasilkan elemen <h1> dengan teks yang sesuai untuk setiap iterasi.

4. Menutup Perulangan foreach:

   <?php endforeach; ?>

   • Perulangan foreach ditutup dengan endforeach;. Ini menandakan akhir dari blok kode yang akan diulang.

Hasil dari Contoh Kode:

Ketika kode ini dijalankan, berikut adalah hasil yang akan ditampilkan di browser:

<h1>Apel</h1>
<h1>Pisang</h1>
<h1>Mangga</h1>
<h1>Jeruk</h1>

Setiap elemen dari array $buah ditampilkan dalam tag <h1>, sehingga nama-nama buah tersebut muncul dalam ukuran besar di halaman web.