Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang  Cara Menampilkan Value Tag Input Menggunakan alert(). Mungkin sebagian dari teman – teman sudah banyak yang tahu bahkan sudah familiar dengan yang namanya fungsi val() dan alert() pada javascript, tetapi tidak apa – apa karena banyak juga yang dari teman – teman kita yang belum tahu bagaimana cara mengambil sebuah nilai atau value dari tag input lalu menampilkan kedalam sebuah jendela popup alert().

Metode ini biasa saya gunakan untuk mengecek sebuah program pengambilan nilai dari tag html input atau yang lainnya, ketika baris program pengambilan nilai dalam tag html saya berhasil, maka jendela alert akan muncul atau menampilkan nilai yang saya ambil. Jadi pada artikel kali ini sekedar tips dan trik untuk mengecek apakah baris program kita berhasil mengambil nilai dari tag input meski sangat sederhana bagi yang udah expert tentang javascript tapi bagi pemula mungkin sangat berguna.

Oke langsung saja kita praktekkan bagaimana cara membuatnya, silahkan teman – teman lihat di bawah ini

Script HTML form untuk tampilannya.

form.html

Oke dari script di atas ketika akan membuat sebuah tampilan form menggunakan bootstrap, form sederhana dimana nantinya kita akan mengambil nilai dari setiap inputan yang diinputkan oleh user dan menampilkannya kedalam alert(), kurang lebih tampilannya seperti di bawah ini;

Cara Menampilkan Value Tag Input Menggunakan alert()

 

Cara Menampilkan Value Tag Input Menggunakan alert()

Oke kalau sudah kita akan lanjut bikin script untuk proses pengambilan datanya silahkan lihat script di bawah ini;

 

Untuk meilhat hasilnya silahkan teman – teman coba praktekkan sendiri,  Oke itulah tadi pembahasan saya tentang Cara Menampilkan Value Tag Input Menggunakan alert(), semoga bermanfaat.