Oleh Ezil Dilihat : 100 22 Januari 2020

Mengenal Alert, Prompt dan Confirm pada javascript

Alert, prompt dan confirm pada javascript merupakan fungsi yang selalu digunakan tergantung kebutuhan, setiap fungsi tersebut berbeda pula cara penggunaanya. untuk lebih memahami, kita akan jabarkan masing-masing tersebut beserta dengan contoh kodenya

Mengenal Alert, Prompt dan Confrim pada Javascript

1.Alert

Dari katanya saja kita sudah tahu bahwa alert adalah pemberitahuan, yang berarti memberitahukan atau menyampaikan pesan kepada pengguna atas sesuatu tindakan yang telah dilakukan oleh pengguna website sebelumnya. Bisa berupa data yang berhasil atau gagal disimpan, form yang harus komplit diisi dan banyak lainnya.

Mari kita contohkan cara pembuatan alert pada HTML+Javascript

Contoh 1 :

<!doctype html>
<html>
   <head>
      <script type="text/javascript">
          function contohAlert(){
             alert("Ini adalah contoh alert");
          }
      </script>
   </head>
   <body>
      <h2>Cara memanggil fungsi alert</h2>
      <button onclick="contohAlert()">Tes Alert</button>
   </body>
</html>

Contoh 2 memanggil fungsi alert langsung dari event onclick pada sebuah tag <button>

<!doctype html>
<html>
   <head>
       <title>Belajar Alert</title>
   </head>
   <body>
      <h2>Cara memanggil fungsi alert</h2>
      <button onclick="alert('Ini adalah contoh')">Tes Alert</button>
   </body>
</html>

Jika kita jalankan kode html berikut, maka akan memunculkan tampilan seperti berikut

wikitapad_cara_memanggil_fungsi_alert_pada_javascript.JPGwikitapad_cara_menggunakan_fungsi_alert.JPG

2.Confirm

Fungsi confirm merupakan fungsi yang digunakan untuk mengonfirmasi sebuah tindakan yang akan dilakukan. seperti penghapusan data, penyimpanan data yang memerlukan konfirmasi sebelum dilanjutkan. untuk lebih jelasnya, dapat kita contohkan seperti berikut

<!doctype html>
<html>
   <head>
      <script type="text/javascript">
          function contohKonfirm(){
             var konfirmasi=confirm("Lihat pesan selanjutnya?");
             if(konfirmasi==true){
                 alert('Selamat belajar confirm()');
             }
          }
      </script>
   </head>
   <body>
      <h2>Cara memanggil fungsi confirm</h2>
      <button onclick="contohKonfirm()">Tes Konfirmasi</button>
   </body>
</html>

Nah silahkan anda copy ke sebuah notepad dan buat ekstensi nya .html. contoh : belajar.html agar anda bisa langsung mencoba cara menggunakannya

3.Prompt

Fungsi prompt merupakan sebuah fungsi yang dapat diisi dengan sebuah nilai sehingga nilai tersebut dapat kita kirim ke server atau sebagai bahan form tambahan. untuk contoh prompt, kita akan membuat sebuah perkalian sederhana. berikut contohnya

<!doctype html>
<html>
   <head>
      <script type="text/javascript">
          function contohPrompt(){
             var n1=prompt("Input nilai pertama");
             var n2=prompt("Input nilai kedua");
             
             var hasil=parseFloat(n1)*parseFloat(n2);
             alert('Hasil perkalian '+n1+'X'+n2+'='+hasil);
          }
      </script>
   </head>
   <body>
      <h2>Cara memanggil fungsi prompt</h2>
      <button onclick="contohPrompt()">Tes Prompt</button>
   </body>
</html>

Setelah kita bahas mengenai alert, prompt dan confirm pada javascript, perlahan-lahan anda dapat memahami bahasa pemrograman javascript berbasis client side. Demikianlah artikel mengenal alert, prompt dan confirm pada javascript. Silahkan tinggalkan komentar anda. Sekian dan terima kasih

Bagikan!!! Tulisan ini jika bermanfaat share artikel ke facebook share artikel ke twitter share artikel ke pinterest share artikel ke linkedin
    Belum ada komentar untuk artikel iniJadilah yang pertama mengomentari artikel ini
Ilmu & Tutorial

Ilmu & Tutorial

Javascript

Artikel Ilmu & Tutorial
Portal Berita
  1. Suami Jenita Janet: Saya Pasang Badan untuk Melindungi Kariernya - Kompas.com - KOMPAS.com
  2. [POPULER HYPE] Purwaniatun dan Pemeran Wiro Sableng Meninggal | Galih Ginanjar Dituntut 3,5 Tahun Penjara - Kompas.com - KOMPAS.com
  3. Tiga Orang Dalam Pemantauan Terkait Virus Corona Diperiksa di RSUD Bekasi - Kompas.com - KOMPAS.com
  4. Alami Keguguran di Kamar Mandi Tanpa Ada Seorang pun Menemani, Artis Ini Diikuti Sosok Anak Kecil yang Tak ... - Grid Pop
  5. Ketika Demam, Sebaiknya Kompres dengan Air Dingin atau Air Hangat, ya? - Bobo
  6. Buruknya Corona Buat Produksi Mobil Berkurang Hingga 1,44 Juta Unit - Indozone.id
  7. Ditangkap Polisi, Jon Jones Berdalih Stres karena Corona - CNN Indonesia
  8. Pemain Klub Liga Italia Positif Virus Corona - CNN Indonesia
  9. Malam Ini, Venus dan Bulan Bakal Saling Berpapasan - Indozone.id
  10. Kesalnya Klopp, Liverpool Kalah Malah Ditanya Soal Virus Corona - detikSport
  11. Tottenham Vs West Ham 2-0, Antonio ke Sessegnon: Stiknya Rusak - detikSport
  12. Ramalan Pendeta India 13 Tahun Lalu Jadi Nyata, ART Ashanty Ungkap Perlakuan sang Majikan yang Membuatnya K... - Grid.ID
  13. Tzuyu TWICE Dikarantina 14 Hari gara-gara Wabah Virus Corona - Kompas.com - KOMPAS.com
  14. Kerahkan Armada Damkar, Jalan di Kota Denpasar Disemprot Disinfektan... - SINDOnews.com
  15. Ketika Cristiano Ronaldo Membuat Bintang NBA Diam Seribu Bahasa - Kompas.com - KOMPAS.com
  16. Isu Impor Truk Bekas Masih Terdengar, Menperin: Itu Tidak Akan Terjadi! - GridOto.com
  17. Wabah Virus Corona Tak Halangi 3 Selebritas Ini Langsungkan Pernikahan - Kompas.com - KOMPAS.com
  18. Jatim Hari Ini: Artis Terseret Kasus Carding-Curanmor Bermodus Seks Gratis - Detiknews
  19. Pertama Kalinya Lonjakan Pasien Virus Corona Tanpa Gejala Terjadi di China - Kompas.com - KOMPAS.com
  20. Daftar Ponsel Terpopuler 2019, Dua iPhone Teratas! - Suara.com