PopUp javascript

 

Popup alert confirm pada javascript

JavaScript memiliki beberapa fitur yang dapat digunakan untuk menambah interaksi dan dinamisme ke halaman web, seperti pop-up alert, dialog konfirmasi, modal, dan lain-lain. Berikut adalah beberapa contoh penggunaan fitur-fitur tersebut:

• Pop-up Alert: Pop-up alert adalah jendela dialog yang muncul di atas halaman web yang sedang dibuka. Untuk membuat pop-up alert dengan JavaScript, Anda dapat menggunakan fungsi `alert()`. Contohnya:

    alert("Hello, World!");

   

• Dialog Konfirmasi: Dialog konfirmasi adalah jendela dialog yang menampilkan pesan dan meminta pengguna untuk mengklik tombol OK atau Cancel. Untuk membuat dialog konfirmasi dengan JavaScript, Anda dapat menggunakan fungsi `confirm()`. Contohnya:

    var result = confirm("Are you sure you want to delete this item?");

    if (result) {

    // User clicked OK, delete the item

    } else {

    // User clicked Cancel, do nothing

    }

• Modal: Modal adalah jendela dialog yang muncul di tengah layar dan menutupi halaman web yang sedang dibuka. Modal biasanya digunakan untuk menampilkan konten tambahan atau meminta input dari pengguna. Untuk membuat modal dengan JavaScript, Anda dapat menggunakan library seperti Bootstrap atau membuatnya sendiri dengan menggunakan elemen HTML, CSS, dan JavaScript.

Selain fitur-fitur tersebut, JavaScript juga memiliki banyak fitur lain yang dapat digunakan untuk menambah interaksi dan dinamisme ke halaman web, seperti menampilkan notifikasi, membuat animasi, dan lain-lain. Jika Anda ingin belajar lebih lanjut tentang JavaScript, Anda dapat mencari sumber belajar yang tersedia di internet atau bergabung dengan komunitas pemrograman untuk bertanya dan berbagi pengetahuan dengan pemrogram lain.

'prompt()' adalah fungsi JavaScript yang dapat digunakan untuk membuat jendela dialog yang menampilkan pesan dan meminta input dari pengguna. Fungsi ini menerima dua argumen: teks yang ingin ditampilkan dan nilai default untuk input. Contohnya:

    var name = prompt("What is your name?", "John");

Di atas, jendela dialog akan menampilkan pesan "What is your name?", dan input default adalah "John". Pengguna dapat mengubah input tersebut dan mengklik tombol OK atau Cancel untuk menutup jendela dialog. Jika pengguna mengklik OK, nilai yang dimasukkan akan disimpan ke dalam variabel `name`. Jika pengguna mengklik Cancel, nilai yang disimpan ke dalam variabel `name` adalah `null`.

Anda dapat menggunakan `prompt()` untuk meminta input dari pengguna dan menggunakannya dalam kode JavaScript Anda. Contohnya, Anda dapat membuat program sederhana yang mengulangi nama yang dimasukkan oleh pengguna:

   

    var name = prompt("What is your name?", "John");

    alert("Hello, " + name + "!");

Jika Anda ingin membuat jendela dialog yang lebih kompleks, seperti yang menampilkan pesan dengan format HTML, Anda dapat menggunakan innerHTML untuk menetapkan konten HTML ke dalam elemen HTML. Contohnya:

 var name = prompt("<h1>What is your name?</h1><p>Please enter your name in the input field below:</p>", "John");

Selain `prompt()`, JavaScript juga memiliki banyak fitur lain yang dapat digunakan untuk menambah interaksi dan dinamisme ke halaman web, seperti pop-up alert, dialog konfirmasi, dan modal. Jika Anda ingin belajar lebih lanjut tentang JavaScript, Anda dapat mencari sumber belajar yang tersedia di internet atau bergabung dengan komunitas pemrograman untuk bertanya dan berbagi pengetahuan dengan pemrogram lain.