Membuat Alert Di Java Script Lebih Keren Dengan Javascript SweetAlert

Pada tutorial kali ini and akan belajar bagaimana cara membuat alert di javascript lebih keren dengan javascript sweetalert .

 

Hallo semuanya kembali lagi di artikel tutorial Dumetschool , sekarang saya akan mengajarkan bagaimana membuat alert di javascript lebih keren dengan javascript sweetalert .

 

Di jaman ini siapa sih web developer  yang tidak kenal dengan javascript ,  perkembanganya masuk tahun-tahun ini sudah sangant pesat sekali dan banyak sekali di butuhkan dan di gunakan oleh programmer khususnya programmer website.

Pada java script ada fungsi bawan yaitu alert , nah alert ini seperti namanaya  berfungsi sebagai peringatan untuk user yang di berikan oleh pembuat website untuk melakukan validasi.

nah alert yang saya akan perkenalkan kali ini adalah alert yang memiliki tampilan yang ciamik sehingga bagus sekali untuk user interface.

Baiklah kita coba buat saja :

sebelumnya silahkan doenload javascriptnya  di sini    , setelah di download silahkan salin code html berikut :

<!DOCTYPE html>
<html>
<head>
<title>Sweet Alert</title>
<link rel="stylesheet" type="text/css" href="sweetalert-master/dist/sweetalert.css">
<script type="text/javascript" src="sweetalert-master/dist/sweetalert.min.js"></script>
</head>
<body>
<button onclick="normal()">Normal Alert</button>
<button onclick="sweet()">Sweet Alert</button>
<script>
function normal () {
alert("oops Anda tidak memiliki ijin");
}
function sweet (){
swal("STOP", "Anda tidak memiliki ijin","error")
}
</script>
</body>
</html>

 

Setelah di salin silahkan lihat hasil demonya di bawah ini :

 

DEMO

 

Untuk lebih lengkap dan jelasnya silahkan langsung ke bagian dokumentasinya saja yang berada di folder yang tadi di download.

 

Oke itu saja untuk artikel tutorial tentang membuat alert di javascript lebih keren dengan javascript sweetalert , sampai bertemu lagi di artikel selanjutnya.