Pada kesempatan kali ini saya akan menjelaskan cara menampilkan dialog box javascript dengan html. Perlu teman-teman ketahui sebelumnya, di JavaScript menyediakan dialog box yang dimana dialog box tersebut tidak hanya untuk menampilkan pesan saja namun dialog box tersebut dapat dimasukan nilai kedalam dialog box melalui kotak input prompt() yang ada di dialog box tersebut tersebut dan sma halnya seperti input text box di komponen html. Hanya saja kotak input tersebut jadi satu dan sudah satu paket dengan dialog box tersebut, dan untuk menampilkan dialog box tersebut teman-teman bisa menggunakan method prompt().Dan pada contoh disini saya akan berikan contoh yang sederhana, dimana saya akan menampilkan pesan didalam element html, namun pesan tersebut didapat dari nilai yang diinput di dialog boc tersebut.

Berikut Tahapannya :

  • Buat terlebih dahulu satu buah file dengan nama index.html
  • Selanjutnya ketikan kode html seperti berikut :

  • Jika sudah selanjutnya save file index.html tersebut, dan lihat hasilnya di browser kesayangan kalian

Sampai disini penjelasan saya mengenai cara menampilkan dialog box javascript dengan html, semoga bermanfaat.