Praktikum 16 : PBO dan Interaksi User pada Javascript

Assalamu'alaikum warrahmatullahi wabarakatuh

Bertemu lagi di postingan baru tentang Pemrograman Berorientasi Objek dan Interaksi User pada Javascript.

Pemrograman Berorientasi Objek (PBO) adalah sebuah paradigma dalam pemrograman yang mengelompokkan fungsi, prosedur, variabel ataupun konstanta terkait dalam satu kesatuan (kelas) seperti objek dalam dunia nyata.

Javascript menggunakan PBO dengan model pemrograman berbasis prototipe. Model ini mengenal kelas, yang ada adalah objek, Objek dalam model ini dapat dimodifikasikan secara runtime seperti penambahab variabel (properti) ataupun metode (fungsi/prosedur). Model ini juga dikenal dengan istilah pemrograman PBO tanpa kelas, beroreintasi prototipe atau berbasis instan.

Adanya interaktifitas dalam aplikasi akan membantu menarik minat pengguna untuk menggunakan aplikasi yang dikembangkan. Di banyak bahasa pemrograman pengolahan interaksi ini dikenal sebagai teknik penanganan event. Event dalam Javascript adalah sebuah kejadian interaksi antara user dengan halaman web.

Berikut contoh penggunaan interface.

See the Pen oNvEwRx by nis | pdx au📌 (@hamsterrrwonjin) on CodePen.

Coba ketikkan nama pada textbox yang tersedia lalu tekan enter dan akan muncul alert.

Contoh penggunaan PBO.

See the Pen JjPpJQd by nis | pdx au📌 (@hamsterrrwonjin) on CodePen.

Masukkan nilai ke dalam textbox lalu tekan button "Ambil Nilai" maka akan muncul alert.

Contoh kedua penggunaan PBO.

See the Pen KKPQqjG by nis | pdx au📌 (@hamsterrrwonjin) on CodePen.

Contoh interface textbox dan button to alert.

See the Pen QWLQgeB by nis | pdx au📌 (@hamsterrrwonjin) on CodePen.

Contoh kedua.

See the Pen QWLQMLV by nis | pdx au📌 (@hamsterrrwonjin) on CodePen.

Contoh menggunakan array.

See the Pen XWrZOjM by nis | pdx au📌 (@hamsterrrwonjin) on CodePen.

Contoh terakhir menggunakan getElementsByTagName.

See the Pen PoYQVbL by nis | pdx au📌 (@hamsterrrwonjin) on CodePen.

Sekian  postingan kali ini. Terimakasih sudah berkunjung.

Wassalamu'alaikum warrahmatullahi wabarakatuh.