Perintah alert pada javascript berguna untuk pemberitahuan atau feed back ke user, nah bila kita perhatikan alert bawaan nya javascript sangat lah sederhana dan kurang menarik, disini ada alternative lain yang saya akan berikan untuk teman teman yaitu dengan menggunakan sweetalert js. oke langsung saja kita praktek kan yah teman teman tentang bagaimana cara membuat sweetalertJs.
kalian bisa mengunjungi link berikut yah teman teman https://sweetalert.js.org/guides/ . lalu kalian pertama tama kita buka text editor teman teman dan buat folder dan file baru dengan nama index. html dan buat struktur html nya yah teman teman. seperti gambar berikut.
setelah itu kita ke websitenya di link ini https://sweetalert.js.org/guides/ kita instalasi terlebih dahulu, atau teman teman masukan script ini:
<script src=”https://cdn.jsdelivr.net/npm/sweetalert”></script>
atau bisa di klik ini
dan buat file baru dengan nama app.js dan copy kan di sana.
kembali ke inde.html ketikan kode javascript berikut sebelum penutup body yah teman teman.
<script src=”app.js”></script>
<script>
swal(“Halo Teman-teman Webmaster DumetSchool”);
</script>
nah perintah script pertama yaitu menyambungkan atau menginstall index. html teman teman dengan app. js, dan perintah script yang kedua adalah memanggil perintah sweetalert nya dengan perintah yang bernama swal(). bila teman teman jalan kan di web browser temen teman maka sweetalert yang isinya adalah alert “Halo Teman-teman Webmaster DumetSchool” akan muncul yah teman teman. berikut gambar contohnya yah.
tidak hanya sebatas itu sweetalert js ini juga bisa memasukan beberapa argument misalnya kita akan memasukan 3 argument, yaitu title, text dan icon, begini contohnya teman teman
swal({
title: “Berhasil”,
text: “Halo Teman-teman Webmaster DumetSchool”,
icon : “success”
});
maka hasilnya sebagai berikut teman teman :
nah menarik bukan teman teman, dengan bantuan sweetalert js ini akan lebih mudah ketika memberikan feedback ke user dalam aplikasi yang kita buat nanti, dan cara pasangnya pun sangat lah mudah yah teman teman.
sekian tutorial Cara membuat Sweetalertjs semoga bermanfaat yah teman teman.
The post cara membuat sweetalertJs appeared first on Kursus Website Terbaik.