CARA MEMBUAT ALERT JAVASCRIPT

JavaScript adalah salah satu bahasa pemrograman yang sering digunakan dalam pengembangan web. Salah satu fungsinya adalah untuk membuat alert atau pemberitahuan. Pada prakteknya, alert sering digunakan untuk memberikan informasi atau peringatan kepada pengguna. Dalam artikel ini, kita akan belajar cara membuat alert JavaScript dengan mudah dan praktis.

Menulis Kode Alert

Pertama-tama, kita mulai dengan penulisan kode alert. Alert dalam JavaScript bisa diwakili dengan sintaks alert(). Dalam tanda kurung ini, kamu bisa menambahkan teks yang ingin ditampilkan. Teks ini harus diapit dengan tanda kutip, bisa kutip dua atau kutip satu.

Sebagai contoh, kita akan mencoba menampilkan alert dengan teks “Halo, Dunia!“. Kode untuk hal ini adalah sebagai berikut:

alert("Halo, Dunia!");

Ketika kode ini dijalankan di browser, akan muncul pop-up dengan teks “Halo, Dunia!“.

Menambahkan Alert dalam Event

Umumnya, kita tidak akan menampilkan alert secara acak, tetapi dalam respons terhadap suatu event atau aksi dari pengguna. Event bisa berupa klik tombol, pengiriman formulir, atau event lainnya.

Misalnya, kita ingin menampilkan alert ketika pengguna mengklik sebuah tombol. Pertama, kita buat tombolnya terlebih dahulu dengan HTML:

<button id="tombol">Klik Saya</button>

Kemudian, kita tambahkan alert dalam event click dari tombol dengan JavaScript. Kita bisa menggunakan metode getElementById untuk menarget tombol, dan addEventListener untuk menambahkan event:

document.getElementById("tombol").addEventListener("click", function(){
  alert("Kamu telah mengklik tombol!");
});

Sekarang, setiap kali tombol diklik, alert dengan teks “Kamu telah mengklik tombol!” akan ditampilkan.

Menggunakan Variabel dalam Alert

Kamu juga bisa menggunakan variabel dalam alert. Cara ini berguna jika kamu ingin menampilkan nilai variabel. Untuk melakukan ini, kamu tinggal menulis nama variabel di dalam tanda kurung alert, tanpa tanda kutip.

Mari coba dengan membuat variabel nama, lalu tampilkan dalam alert:

var nama = "Budi";
alert(nama);

Dengan kode ini, alert akan menampilkan “Budi”.

Itulah beberapa cara membuat alert dengan JavaScript. Semoga artikel ini dapat membantu kamu dalam belajar pengembangan web. Selamat mencoba!