Pemrograman Berorientasi Objek & User Interface

Marhaban! Jangan lupa bahagia selalu, ya!

Sekarang saya mau berbagi dikit tentang Pemrograman Berorientasi Objek & User Interface. Sebelumnya, apa, sih? Pemrograman Berorientasi Objek itu? Itu adalah sebuah paradigma dalam pemrograman yang mengkelompokkan fungsi, prosedur, variabel, atau konstanta yang terkait dalam suatu class seperti objek dalam dunia nyata.

Objek sendiri merupakan wujud dari class, biasanya dikenal dengan nama instance.

 Paradigma dapat diartikan sudut pandang atau sudut serang dalam suatu persoalan, realitas dsb. Begitu pula dalam pemrograman, ada pendekatan-pendekatan untuk menyelesaikan suatu persoalan yang disebut dengan paradigma pemrograman.

Javascript merupakan bahasa pemrograman berorintasi objek yang menggunakan kata kunci function untuk mendefinisikan suatu kelas. Oleh karena itu pembuatan fungsi sama dengan pembuatan kelas di JavaScript.

JavaScript adalah pemrograman berbasis prototype, artinya model ini tidak mengenal kelas. Objek dalam model ini dapat dimodifikasi secara runtime seperti penambahan variabel(properti) ataupun metode (fungsi/prosedur). Model ini juga dikenal dengan istilah berorientasi prototipe atau berbasis instance.


Berkut ini merupakan jenis jenis atribut yang dapat digunakan untuk mengolah interaksi user.

Sedangkan di bawah ini adalah pengaksesan objey pada halaman web

Di bawah ini adalah contoh penggunaan getElementById:

See the Pen bGbvWOd by Ayulia (@arreh_au) on CodePen.

Pemrograman Berorientasi Objek Pertama

See the Pen pozLrKB by Ayulia (@arreh_au) on CodePen.

Pemrograman Berorientasi Objek Kedua

See the Pen BaBrwKM by Ayulia (@arreh_au) on CodePen.

Buat Interface TextBox dan Button ke Alert

See the Pen GRKxMWw by Ayulia (@arreh_au) on CodePen.

Contoh Lain

See the Pen ExYEwwX by Ayulia (@arreh_au) on CodePen.

Buat Interface TextBox dan ButtontoAlert ke Array

See the Pen gOYeGoE by Ayulia (@arreh_au) on CodePen.

Buat Interface get Elements by Tag Name

See the Pen GRKxMde by Ayulia (@arreh_au) on CodePen.

Terima kasih sudah membaca!