Cara Membuat Kolom Alert dengan HTML, CSS, dan JavaScript

Untuk membuat kolom alert, Anda dapat mengikuti langkah-langkah berikut:

1. Buatlah sebuah elemen HTML untuk menampilkan alert, misalnya:

<div id='alert' class='alert'></div>

2. Tambahkan CSS untuk mengatur tampilan alert, contohnya:

.alert {
  background-color: #f44336;
  color: white;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

3. Buatlah fungsi JavaScript untuk menampilkan pesan pada alert, misalnya:

function showAlert(message) {
  var alertBox = document.getElementById('alert');
  alertBox.innerHTML = message;
}

4. Panggil fungsi showAlert dengan parameter pesan yang ingin ditampilkan, misalnya:

showAlert('Ini adalah pesan alert');

Dengan demikian, sebuah kolom alert yang dapat menampilkan pesan telah berhasil dibuat. Anda dapat menyesuaikan CSS dan fungsi JavaScript sesuai dengan kebutuhan.