Membuat Alert Box (Kotak Peringatan) dengan JavaScript

Assalamu'alaikum Warahmatullahi Wabarakatuh..
     Pada artikel kali ini kita akan membahas sesuatu yang cukup sering digunakan yaitu cara membuat atau lebih tepatnya menampilkan sebuah alert box/ pesan peringatan di browser menggunakan JavaScript. Mungkin tutorial seperti ini sudah cukup banyak di Internet, tapi enggak ada salahnya lah saya bahas juga di blog ini hehe. Oke langsung saja kita ke pembahasan:

Syntax


<script>
 alert("Teks yang ingin ditampilkan");
</script>
Informasi:
Sekedar mengingatkan, perintah JavaScript harus disimpan diantara tag <script> dan </script>

Contoh


<script>
 var tanggal=Date();
 alert("Assalamualaikum! Waktu sekarang adalah: "+tanggal);
</script>
Informasi:
Date() merupakan function di JavaScript untuk mengambil waktu sekarang dari komputer user.
Jika script diatas dibuka dibrowser maka kurang lebih hasilnya seperti ini:
Screenshot diatas saya coba di Mozilla Firefox dan mungkin akan agak sedikit berbeda jika dibuka di browser lain.
Sekian artikel singkat kali ini,
Terima kasih sudah berkunjung,
Semoga bermanfaat,
Wassalamu'alaikum Warahmatullahi Wabarakatuh..

4 komentar

Kalau biar nampilnya hanya nama harinya gimana? :)

Sebetulnya di JS tidak ada perintah untuk langsung menampilkan nama hari, ada juga getDay() itu akan mengembalikan hari tapi dengan angka. Misal jika hari ini senin maka akan mengembalikan nilai 1, jika hari ini selasa maka akan mengembalikan nilai 2, dst. Sebelumnya, getDay merupakan method dari class Date (Jika anda sudah mengerti OOP, maka anda sudah pasti akan mengerti. Tapi jika belum, maka anda bisa mencari-cari terlebih dahulu di Google). Nah, disini kita bisa mengambil hari menggunakan getDay kemudian kita membuat array berisi nama-nama hari dari senin sampai kamis, kemudian kita buat pemilihan. Mungkin agak susah buat dijelaskan, tapi jika anda pelajari dan fahami script dibawah saya yakin anda pasti ngerti:
<script>
var waktu = new Date();
var no = waktu.getDay()
var namahari = new Array(8);
namahari[1] = "Senin";
namahari[2] = "Selasa";
namahari[3] = "Rabu";
namahari[4] = "Kamis";
namahari[5] = "Jum'at";
namahari[6] = "Sabtu";
namahari[7] = "Minggu";
var sekarang = namahari[no];
alert("Hari ini adalah hari "+sekarang);
</script>

Semoga membantu gan :)


EmoticonEmoticon