Jawaban:

Penjelasan:

Berikut adalah contoh proyek menggunakan Ionic untuk membuat tombol peringatan dengan pesan error:

Langkah 1: Persiapan Proyek

1. Pastikan Anda memiliki Ionic CLI terinstal di sistem Anda.

2. Buka terminal atau command prompt, dan buat proyek baru dengan perintah berikut:

  ```

  ionic start TombolPeringatan blank

  ```

Langkah 2: Membuat Tombol Peringatan

1. Buka file `home.page.html` yang terletak di direktori `src/app/home/`.

2. Gantikan konten file tersebut dengan kode berikut:

  ```html

  <ion-header>

    <ion-toolbar>

      <ion-title>

        Tombol Peringatan

      </ion-title>

    </ion-toolbar>

  </ion-header>

  <ion-content>

    <ion-button expand="full" (click)="showAlert()">Peringatan</ion-button>

  </ion-content>

  ```

  Kode di atas akan membuat tombol peringatan dengan teks "Peringatan" yang akan memicu fungsi `showAlert()` saat diklik.

3. Buka file `home.page.ts` yang berada di direktori yang sama.

4. Gantikan kontennya dengan kode berikut:

  ```typescript

  import { Component } from '@angular/core';

  import { AlertController } from '@ionic/angular';

  @Component({

    selector: 'app-home',

    templateUrl: 'home.page.html',

    styleUrls: ['home.page.scss'],

  })

  export class HomePage {

    constructor(public alertController: AlertController) {}

    async showAlert() {

      const alert = await this.alertController.create({

        header: 'Peringatan',

        message: 'Peringatan [nim][nama]',

        buttons: ['OK']

      });

      await alert.present();

    }

  }

  ```

  Kode di atas akan membuat fungsi `showAlert()` yang akan menampilkan pesan peringatan dengan menggunakan `AlertController` dari Ionic saat tombol diklik.

Langkah 3: Menjalankan Aplikasi

1. Buka terminal atau command prompt, dan arahkan ke direktori proyek.

2. Jalankan perintah berikut untuk menjalankan aplikasi pada web browser:

  ```

  ionic serve

  ```

3. Aplikasi akan terbuka di browser dengan URL `http://localhost:8100/`.

4. Klik tombol "Peringatan" dan pesan peringatan dengan teks "Peringatan [nim][nama]" akan muncul.

Itulah contoh proyek menggunakan Ionic untuk membuat tombol peringatan dengan pesan error. Anda dapat menyesuaikan pesan peringatan dan tampilan aplikasi sesuai kebutuhan.