Pertemuan 2 - JavaScript Dialog

-

Jendela dialog merupakan jendela yang digunakan untuk berinteraksi dengan pengguna.

Ada tiga macam jendela dialog pada Javascript:

1.      Jendela dialog alert();

2.      Jendela dialog confirm();

3.      Jendela dialog promp();

1.  Dialog Alert

Dialog alert() biasanya digunakan untuk menampilkan sebauh pesan peringatan atau informasi.

Fungsi alert() berada dalam objek window.

 

Contoh Penggunaan :


 

Hasil :


 

Pada HTML, kita bisa masukan fungsi alert() pada atribut onClick agar nanti ditampilkan saat sebuah elemen diklik.

Contoh :


 

Hasil

 

2.  Dialog Confirm

Dialog confirm() digunakan untuk melakukan konfirmasi dalam melakukan tindakan tertentu.

 

Misalnya:

 

Saat kita menghapus sesuatu, maka ada baiknya menampilkan dialog confirm(). Karena tindakan tersebut cukup berbahaya.

Dialog confirm dapat dibuat dengan fungsi confirm().

 

Contoh :


 

Hasil :


 

jika diklik ok.

jika diklik cancel.

3.  Dialog Prompt

Dialog prompt() berfungsi untuk mengambil sebuah inputan dari pengguna.

Dialog prompt() akan mengembalikan sebuah nilai string dari apa yang diinputkan oleh pengguna.

 

Contoh :


 

     Hasil :
Saat pengimputan

Hasil penginputan




Komentar

Posting Komentar

Postingan populer dari blog ini

Pertemuan 3 - JavaScript Perulangan

-
Gambar
Perulangan Perulangan akan membantu kita mengeksekusi kode yang berulang-ulang, berapapun yang kita mau. Ada lima macam bentuk perulangan di Javascript. Secara umum, perulangan ini dibagi dua. Yaitu:  counted loop  dan  uncounted loop . Perbedaanya: Counted Loop  merupakan perulangan yang jelas dan sudah tentu banyak perulangannya. Sedangkan  Uncounted Loop , merupakan perulangan yang tidak jelas berapa kali ia harus mengulan. Perulangan yang termasuk dalam  Counted Loop : Perulangan For Perulangan Foreach Perulangan Repeat Perulangan yang termasuk dalam  Uncounted Loop : Perulangan While Perulangan Do/While Perulangan For Perulangan  for  merupakan perulangan yang termasuk dalam  couted loop , karena sudah jelas berapa kali ia akan mengulang. Contoh Script: Hasil: Contoh Script: Hasil: Contoh Script: Hasil: Perulangan While Perulangan  while  merupakan perulangan yang termasuk dalam perulangan  uncounted loop . Perulangan...
Baca selengkapnya

Tugas Praktikum 13 || Pemrograman Web Dinamis

-
Gambar
  Fitur Upload,Report (Pdf dan Excel),Import dan Grafik - PHP Fitur Upload BLOB ke Database 1. Pastikan apache dan mysql pada app xampp sudah di start 2. buka localhost/phpmyadmin pada browser lalu pilih database db_barangku, dan buat table baru dengan nama tb_gambar dan set sebagai berikut : 3. lalu buat folder baru pada directory C:/xampp/htdocs/pw, beri nama Praktikum13 4. Lalu pada folder praktikum13 buat new file koneksiblob.php dengan script sebagai berikut : 5.Selanjutnya membuat form_upload.php dengan script sebagai berikut :     Saat dijalankan pada browser maka tampilannya seperti ini : mencoba mengisi gambar cek pada database apakah sudah masuk atau belum 6. Membuat file image_view.php untuk menampilkan gambar dari database 7. Selanjutnya membuat file tampil_gambar.php untuk menampilkan data hasil upload yang kita lakukan : saat dijalankan maka tampilanya akan seperti ini : 8.  Lalu membuat file delete_gambar.php dengan script seperti berikut : coba hapus ...
Baca selengkapnya

Pertemuan 1 - Cara Penulisan Kode JavaScript

-
Gambar
1. Tag <SCRIPT> cara yang umum dipakai adalah menuliskannya dalam tag <script> dikenal dengan istillah embed. Tag <script> bisa dibuat didalam tag <head>, maupun di dalam tag <body>.            bisa dilihat pada gambar dibawah ini :             2. File External tidak ingin kode javascript bercampurr aduk dengan HTML, kita bisa menuliskannya pada file terpisah, Caranya buatlah sebuah file yang berekstensi .js, misalnya isinya berikut ini :   Kemudian , kita perlu menghubungkan file eksternal tersebut dengan file HTML, caranya, gunakan tag <script> dengan attribute src, untuk menentukan lokasi file javascriptnya, seperti gambar dibawah ini : 3.Atribute Event Cara yang ketiga ini sering digunakan untuk memanggil fungsi pada event tertentu dikenal dengan istilah inline.  Misalnya ketika suatu elemen diklik, maka jalankan fungsi javascript. Con...
Baca selengkapnya