# \`do - while\` & HTML

{% hint style="info" %}
untuk penjelasan tentang for bisa lihat kembali pada materi ini [perulangan-dengan-do-while](https://alvan.kitakale.id/fundamental-php/perulangan/perulangan-dengan-do-while "mention")
{% endhint %}

Sekarang kita akan mencoba untuk menampilkan angka dari 1 hingga 10 menggunakan perulangan `do-while` dan menggabungkan HTML untuk menampilkan hasilnya dalam tag `<h1>`. Mari kita jelaskan secara rinci setiap bagian dari kode ini.

```php
phpCopy code<?php
$i = 1;
do : ?>
    <h1>Angka: <?= $i; ?></h1>
    <?php $i++;
while ($i <= 10); ?>
```

1. **Inisialisasi Variabel**:

   ```php
   phpCopy code$i = 1;
   ```

   Pertama, kita menginisialisasi variabel `$i` dengan nilai 1. Ini adalah nilai awal yang akan digunakan dalam perulangan.
2. **Blok `do-while`**:

   ```php
   phpCopy codedo : ?>
   ```

   Sintaks `do :` menandakan dimulainya blok perulangan `do-while`. Semua kode di dalam blok ini akan dijalankan setidaknya satu kali, terlepas dari kondisi yang diberikan pada `while`.
3. **Menampilkan Angka dengan HTML**:

   ```php
   phpCopy code<h1>Angka: <?= $i; ?></h1>
   ```

   Pada bagian ini, kita menggunakan HTML untuk menampilkan nilai dari variabel `$i` dalam elemen `<h1>`. Setiap kali perulangan dijalankan, nilai `$i` akan ditampilkan pada layar.
4. **Increment Variabel**:

   ```php
   phpCopy code<?php $i++; ?>
   ```

   Setelah menampilkan angka, kita meningkatkan nilai `$i` dengan 1 (`$i++`). Ini memastikan bahwa setiap iterasi berikutnya akan menampilkan angka yang lebih besar.
5. **Kondisi `while`**:

   ```php
   phpCopy codewhile ($i <= 10); ?>
   ```

   Kondisi `while ($i <= 10)` diperiksa setelah blok `do` selesai dijalankan. Jika kondisi ini benar (nilai `$i` masih kurang dari atau sama dengan 10), perulangan akan dimulai kembali. Jika salah, perulangan berhenti.

Kode ini akan menjalankan perulangan sebanyak 10 kali dan menampilkan angka dari 1 hingga 10 dengan menggunakan elemen `<h1>`.