Membuat Alert Di Java Script Lebih Keren Dengan Javascript SweetAlert

Di panduan kali ini and akan belajar bagaimana cara merancang alert di javascript lebih keren dengan javascript sweetalert .



 



Hallo semuanya kembali lagi di artikel panduan Source Code Aplikasi , kini saya akan mengajarkan bagaimana merancang alert di javascript lebih keren dengan javascript sweetalert .



 



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



Di java script ada manfaat bawan yaitu alert , nah alert ini seperti namanaya  berfungsi selaku peringatan bagi user yang di berikan oleh pembuat situs bagi mengerjakan validasi.



nah alert yang saya akan perkenalkan kali ini yakni alert yang mempunyai tampilan yang ciamik sehingga bagus sekali bagi user interface.



Baiklah kita coba bikin saja :



sebelumnya silahkan doenload javascriptnya  di sini    , setelah di unduh 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 Kamu tak mempunyai ijin);
}
function sweet (){
swal(STOP, Kamu tak mempunyai ijin,error)
}
</script>
</body>
</html>


 



Setelah di salin silahkan lihat hasil demonya di bawah ini :



 



DEMO



 



Bagi lebih komplit dan jelasnya silahkan seketika ke bagian dokumentasinya saja yang berada di folder yang tadi di unduh.



 



Oke itu saja bagi artikel panduan mengenai merancang alert di javascript lebih keren dengan javascript sweetalert , hingga bertemu lagi di artikel berikutnya.



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS