Cara menggunakan javascript konfirmasi yes no

Cara Membuat Alert Javascript “Ya” “Tidak” . Javascript adalah bahasa pemrograman web yang dapat bekerja sama dengan HTML, CSS, SQL dan PHP. Bahasa Javascript banyak digunakan dalam pembangunan sebuah website. Karena javascript memiliki fungsi yang sangat baik untuk mengkontrol tampilan dan data. Nah salah satunya javascript dapat digunakan untuk membuat pop up alert. Alert Javascript berfungsi untuk memberikan peringatan pada user yang hendak melakukan sebuah aksi pada website.

Nah bagi kamu yang mencari cara membuat alert “Ya” atau “Tidak” kali ini kami akan berbagi informasi mengenai cara membuat alert menggunakan javascript.

Cara Membuat Alert Dengan Javascript:

1. Buat sebuah file baru dan beri nama index.html
2. Setelah itu ketikan kode javascript di bawah ini:

<!DOCTYPE html>
<html>
<head>
<title> Membuat Alert Javascript </title>
</head>
<body>

<button onclick="myFunction()">Klik Aku</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x;
    if (confirm("Tekan Tombol!") == true) {
        x = "Kamu Menekan Ya!";
    } else {
        x = "Kamu Menekan Tidak Tidak!";
    }
    document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

Table of Contents Show

Cara Membuat Alert Dengan Javascript:
Membuat Alert JavaScript
Membuat Confirm Box JavaScript
Membuat Prompt Box JavaScript
Artikel Lain

3. Setelah itu silahkan save file alert javascript yang telah anda buat.
4. Kemudian jalankan script di atas menggunkan aplikasi browser anda.
5. Dan hasil alert javascript akan seperti gambar di bawah ini:.

alert-javascript

6. Selesai

Penjelasan :
onclick : berati bila anda mengklik ya atau tidak akan melakukan aksi selanjutnya.
var x : adalah variabel yang yang di deklarasikan dengan huruf x, anda bisa mengubah variabel tersebut
if else : adalah sebuah logika pilihan, jika benar maka akan dilanjutkan dan jika salah maka akan di batalkan.
function myFunction() : adalah fungsi untuk alert yang telah di buat.

Baca Juga:
25 Framework Web Paling Diminati Developer
Belajar CSS Terlengkap | Pengertian, Fungsi, Praktek dan Penjelasannya
Cara Membuat Jam Digital dengan HTML, JS dan CSS
Cara Membuat Elemen Array Menggunakan PHP
Pemodelan Menggunakan UML, Definisi, Sejarah dan Contohnya

Mudah bukan cara membuat alert “Ya” atau “Tidak” ini dapat diterapkan ketika anda membuat sebuah aksi pada website anda seperti : CRUD (Create, Read, Update, Delete), Halaman login website, Pilihan di website anda, Register dan lain sebagainya. Semoga artikel ini dapat bermanfaat, silahkan di praktekan ok.

Share this post

When a prompt box pops up, the user will have to click either "OK" or "Cancel" to proceed after entering an input value.

If the user clicks "OK" the box returns the input value. If the user clicks "Cancel" the box returns null.

Selamat datang kembali di website gudang ilmu aplikasi, kali ini kami akan membahas tentang membuat alert, confirm dan prompt dengan javasript, fungsi dari ketiga fungsi diatas semuanya adalah untuk membuat pesan atau bisanya di sebut Message Box.

Membuat Alert JavaScript

Dari ketika fungsi di atas alert adalah fungsi dari javascript yang sederhana, hanya menampilkan apa yang anda tulis di dalam funsgi alert, bisanya di gunakan untuk mengisformasikan kepada pengguna.


 
 
   Cara Membuat Alert, Confirm dan Prompt Dengan JavaScript

Pada script diatas menggunakan alert dan hanya menampilkan infomasi data yang ada di dalam fungsi alert, yaitu "Cara Membuat Alert, Confirm dan Prompt Dengan JavaScript", jika di jalankan di browser maka akan tampil seperti dibawah ini :

Dalam alert javasript anda juga bisa menambahkan sebuah variable sperti contoh di bawah ini.


 
 
   Cara Membuat Alert, Confirm dan Prompt Dengan JavaScript

Script di atas membuat varibale Pesan yang berisi data atau informasi "Cara Membuat Alert, Confirm dan Prompt Dengan JavaScript", maka hasil dari Sript di atas akan sama dengan Srcipt yang pertama.

Membuat Confirm Box JavaScript

Fungsi Confirm Box hampir mirip dengan alert hanya saja fungsi ini meliliki nilai True dan False, atau Ya dan Tidak, biasanya di gunakan untuk memberi pesan konfirmasi sebelum melakukan action, seperti waktu anda akan menghapus data, anda akan memberi konfirmasi "Apakah Anda Akan Menghapus Data Ini ?" Pengguna akan memilih Oke atau Batal. Berikut contoh scriptnya.

Cara Membuat Alert, Confirm dan Prompt Dengan JavaScript

Tombol Hapus

Ketika anda atau pengguna klik tombol hapus maka penggun akan akan di beri pilihan apakah akan melanjutkan action atau tidak, dari Script di atas tombol hapus akan memanggila Function konfirmasi dan akan menampilkan informasi "Apakah Anda Akan Menghapus Data Ini ?" ketika penggunakan mengklik tombol Oke maka akan menampilkan pesan Ya begitu sebaliknya jika pengguna mengklik tombol Batal makan akan menampilkan pesan Tidak berikut jika di buka di browser

Ketika Tombol Hapus di klik makan akan muncul pesan sebagai berikut

Pengguna akan di beri pilihan Oke dan Batal, jika Oke yang dipilih makan akan muncul pesan

Tetapi jika pengguna memilih Batal akan muncul pesan

Membuat Prompt Box JavaScript

Prompt Box hampir seperti Alert hanya saja ada penambahan yaitu memiliki inputan data, dimana pengguna bisa memasukan text kedalam inputan tersebut sebagai contoh.

Cara Membuat Alert, Confirm dan Prompt Dengan JavaScript

Pengguna bisa menginput pesan text

ketika pengguna mengisi pesan text dan klik Oke maka akan menampilkan psan sebagai berikut

Dari ketiga contoh sript tutorial mengenai alert, confirm dan prompt javascript anda masih bisa memodif dan mengembangkan agar sesusai dengan kebutuhan aplikasi anda.

Keyword:

cara membuat alert
confirm dan prompt dengan javascript
cara membuat alert javascript
cara membuat confirm di javascript
cara membuat prompt javascript
alert javascript
confirm javascript
prompt javascript

Artikel Lain

Date : 31 Aug 2018, Category : Tutorial, Create By : admin

Selamat datang kembali di website gudang ilmu aplikasi, setalah kmaren kita membahas mengenai membuat format tanggal indonesia dengan php, kali ini gudang ilmu aplikasi akan membahas kelanjutan dari materi sebelumnya .....

Selamat datang kembali di wesbite gudang ilmu aplikasi, kali ini kami akan membahas mengenai array pada pemprograman php, array dalam pembuatan aplikasi sangat sering di gunakan baik, array yang sederhana .....

Date : 03 Jan 2019, Category : Tutorial, Create By : admin

Fungsi Explode adalah fungsi yang digunakan untuk membagi atau memotong string dengan menentukan pembatas, misal pembatas koma, titik, tanda bintang dan lain sebagainya, akan tetapi penentuan alat pembatas dari fungsi .....