JAVA SCRIPT

“DISUSUN UNTUK MEMENUHI TUGAS MATA KULIAH PEMOGRAMAN

BERORIENTASI OBJEK”

Disusun Oleh :

NAMA : Rizkiyah Kutanggas

NIM : 16318072
KELAS : 2c

PROGRAM STUDI MANAJEMEN INFORMATIKA

JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI FAKFAK
2020

1
 KATA PENGANTAR

Puji syukur kehadirat Tuhan Yang Mahakuasa karena telah memberikan

kesempatan pada saya untuk menyelesaikan makalah ini. Atas rahmat
dan hidayah-Nya lah saya dapat menyelesaikan makalah yang berjudul
javaScript ini.
Makalah javaScript disusun guna memenuhi tugas dosen. Selain itu,
saya juga berharap agar makalah ini dapat menambah wawasan bagi
pembaca tentang topik makalah.
saya mengucapkan terima kasih sebesar-besarnya kepada Bapak
selaku dosen mata kuliah. Tugas yang telah diberikan ini dapat
menambah pengetahuan dan wawasan terkait bidang yang saya tekuni.
saya juga mengucapkan terima kasih pada semua pihak yang telah
membantu proses penyusunan makalah ini.
Saya menyadari makalah ini masih jauh dari kata sempurna. Oleh
karena itu, kritik dan saran yang membangun. akan saya terima demi
kesempurnaan makalah ini.

2
 DAFTAR ISI
KATA PENGANTAR ......................................................................... 2
DAFTAR ISI ...................................................................................... 3
BAB I PENDAHULUAN .................................................................... 6
A. Latar Belakang......................................................................... 6
B. Tujuan ..................................................................................... 7
C. Manfaat ................................................................................... 7
BAB II LANDASAN TEORI............................................................... 8
A. Pengenalan JavaScript ........................................................... 8
B. Microsoft Virtual Studio ........................................................... 8
C. Menampilan Isi Variabel ......................................................... 8
D. Pengertian Variabel ................................................................ 10
E. Fungs Variabel ....................................................................... 10
F. Pengertian Tipe Data .............................................................. 10
G. Tipe Data Primitif ................................................................ 11
H. Tipe Data Refrensi .............................................................. 11
I. Konstanta Dan Fungsi Pada Object.................................... 11
J. Fungsi Untuk Object Math Dalam Javascript ...................... 12
K. Pengertian Element Dalam Html ........................................ 12
L. JavaScript ES6-Templateliteral .......................................... 13
M. Tipe Data Array .................................................................. 13
N. Menguasai Tipe Data Object .............................................. 13
O. Operator Perbandingan Dalam Javascript .......................... 14
P. Pengertian Struktur If .......................................................... 14
Q. Statment Swicth Pada Java ................................................ 15
R. Pengertian Struktur Perulangan For ................................... 16
S. Mengenal Window Object lebih Dalam ............................... 17

3
BAB III PEMBAHASAN .................................................................... 19
A. Kode Program Video 1 Perkenalan Dan Persiapan ................ 19
B. Kode Program Video 2 JavaScript Debugging Tools Menggunakan
Console .................................................................................. 21
C. Kode Program Video 1 Membuat Variable Di JavaScript Bagian 1
........................................................................................... 24
D. Kode Program Video 2 Membuat Variabel Dalam Javascript Bagian 2
........................................................................................... 26
E. Kode Program Video 1 Memahami Tipe Data Di Javascipt
........................................................................................... 29
F. Kode Program Video 2 Mengubah Tipe Data Ke Dalam String
............................................................................................... 37
G. Kode Program Video 3 Mengubah Tipe Data Ke Dalam Number
........................................................................................... 42
H. Kode Program Video 1 Angka Dan Object Matematika ...... 50
I. Kode Program 2 Manipulasi Nilai string 1 .......................... 65
J. Kode Program Video 3 Manipulasi Nilai string 2 ................ 79
K. Kode Program Video 1 Membuat Element html Dengan Template String
........................................................................................... 87
L. Kode program Video 2 Tipe Data array beserta Method .... 90
M. Kode Program Video 1 Menguasai Tipe Data object .......... 98
N. Kode Program Video 1 Tanggal Dan waktu Pada javaScript
......................................................................................... 104
O. Kode Program Video 1 Statment IF dan Operator Pembanding 1
......................................................................................... 114
P. Kode Program Video 1 Statment IF dan Operator Pembanding 1
......................................................................................... 119
Q. Kode Video 1 Statment Swicth Pada javaScript ............... 129
R. Kode Video 1 Membuat Fungsi Dan Ekspresent Pada JavaScript
......................................................................................... 132
S. Kode Program Video 1 Perulangan Pada JavaScript ....... 139

4
 T. Kode Program Video 2 Perulangan Foreach Dan Map In JavaScript
......................................................................................... 146
U. Kode Program Video 1 Mengenal Window Object Lebih Dalam
JavaScript ......................................................................... 151
V. KODE PROGRAM VIDEO LINGKUP VAR, LET DAN CONST VARIABLE
JAVACSRIPT ........................................................................... 156
BAB IV PENUTUP ............................................................................ 163
A. Kesimpulan ............................................................................. 163
B. Saran ...................................................................................... 163
DAFTAR PUSTAKA ......................................................................... 164

5
 BAB I PENDAHULUAN
A.LATAR BELAKANG
Pada saat ini perkembangan dan kemajuaan teknologi informasi dan
komunikasi telah berkembang dengan sangat pesat. Berbagai kemudahan
memperoleh informasi dari berbagai penjuru dunia dapat kita nikmati dalam
hitungan detik.
Diantara teknologi informasi yang hampir disetiap tempat kita temukan adalah
komputer. Sekarang komputer sangat berkembang pesat hampir setiap tahun
komputer selalu mengalami perkembangan. Sedangkan model dan design dari
komputer itu sendiri juga mengalami perkembangan.
Pemrograman berorientasi objek (Inggris: object-oriented
programming disingkat OOP) merupakan kerangka pemrograman yang
berorientasikan kepada objek. Semua data dan fungsi di dalam kerangka ini
dibungkus dalam kelas-kelas atau objek-objek. Bandingkan dengan logika
pemrograman terstruktur. Setiap objek dapat menerima pesan, memproses
data, dan mengirim pesan ke objek lainnya.
Java adalah bahasa pemrograman yang dapat membuat seluruh bentuk
aplikasi,desktop, web, mobile dan lainnya, sebagaimana dibuat dengan
menggunakan
bahasa pemrograman konvensional yang lain. Tidak heran jika banyak masyara
kat dunia pengguna fasilitas teknologi informasi dan komunikasi khususnya tida
k asing lagimendengar bahasa pemrograman ini, dikarenakan hampir sebagian
besar produkinformasi dan telekomunikasi bertaraf modern bermain dipasar
teknologi denganmembawa Java sebagaibahasa pemrograman mereka.
Didalam penggunaan Bahasa pemograman Java dikenal beberapa operator
yaitu Class, Object, dan beberapa element pada Class dalam Java yang akan
mendeklarasikan sintak tertentu.Dalam dunia programming, Java merupakan
sebuah bahasa pemrograman yangsekaligus juga berperan sebagai suatu
platform, dimana ia sangat dikenal sebagai jenis bahasa

programming tingkat tinggi di masa modern saat ini. Maksud dari bahasa

6
tingkattinggi di sini adalah suatu bahasa yang masuk kedalam kelompok
bahasa pemrogramanyang diciptakan tidak hanya untuk dapat dimengerti oleh
otak mesin atau assembler,namun juga dapat dipahami oleh otak manusia.
Maka dari itu, Java bisa dibilang sebagaiBahasa pemrograman yang cukup
mudah untuk dipelajari oleh banyak orang

7
B.Tujuan
Berdasarkan dengan latar belakang diatas, maka dalam makalah ini
bertujuan :
1. Mengetahui sejarah dan perkembangan dari Pemrograman Berorientasi
Objek.
2. Mengetahui lebih banyak tentang PBO.

C.Manfaat?
1. Dapat dijalankan di beberapa sistem operasi komputer biasa disebut
multiplatform, sehingga pengguna cukup menuliskan
sebuah program Java untuk kemudian digunakan pada beberapa sistem
operasi komputer yang berbeda.Contohnya: Untuk Hp yang ada Platform
Java, Android, Windows, Linux.
2. Bahasa pemrograman yang digunakan tidak rumit dan banyak fitur yang
dulunya manual telah dikerjakan secara otomatis, jadi memudahkan
programer.
3. Pemrograman berorientasi objek, Konsep ini dalam bahasa inggris
Object Oriented Programming.
4. Lengkapnya perpustakan (library) yang akan sangat memudahkan
pengguna untuk membangun aplikasi yang sesuai dengan
kebutuhannya.
5. Bergaya C++ sehingga menarik banyak pemrograman dengan konsep
C++ untuk hijrah (pindah) ke Java.
6. Pengumpulan „sampah‟ secara otomatis, sehingga pengguna tidak perlu
melakukan pengaturan memori secara langsung.

8
 BAB II LANDASAN TEORI

A. Pengenalan JavaScript?
JavaScript sudah menjadi bahasa pemrograman yang baku. Maka
dari itu, JavaScript bisa dikolaborasikan dengan banyak bahasa
lain, seperti HTML, untuk membuat website yang mudah
digunakan oleh pengguna. Saat ini javascript tidak hanya
digunakan di sisi client (browser) saja. Javascript juga digunakan
pada server, console, program desktop, mobile, IoT, game, dan
lain-lain.

B. Microsoft Virtual Studio

Adalah bahasa pemograman berbasis Windwos merupakan objek
oriented Programming (OOP),yaitu pemograman berorientasi
objek, Visual code menyediakan objek-objek yang sangat
kuat,berguna dan sangat mudah dalam penggunanya.

C. Menampilkan isi Variabel

Untuk menampilkan isi variabel, kita bisa memanfaatkan fungsi-
fungsi untuk menampilkan output seperti:
 Fungsi console.log () menampilkan output ke console javascript;
 Fungsi document.write () menampilkan output ke dokumen HTML;
 dan Fungsi alert () menampilkan output ke jendela dialog.

9
 D.Pengertian Variabel
Variabel adalah lokasi penyimpanan dan terkait nama simbolis yang berisi
beberapa kuantitas yang diketahui atau tidak diketahui atau informasi, nilai.
Nama variabel adalah cara biasa untuk referensi nilai yang disimpan,
pemisahan nama dan konten ini memungkinkan nama yang akan digunakan
secara terpisah dari informasi tepat yang diwakiliny. Nama variabel di kode
sumber komputer adalah pengenal yang dapat terikat ke nilai selama waktu
berjalan, dan nilai yang dapat berubah selama program eksekusi.
Variable ini merupakan suatu wadah yang dapat kita isi dengn berbagai nilai
dan dapat kita ubah tapi terdapat juga yang dinamakan dengan konstanta
dimana tempat tersebut tidak bisa kita ubah lagi nilainya tapi kita perlu
untuk memberikan nilai secara defaut.
Variabel dan konstanta itu hampir sama pada intinya. Namun konstanta
sendiri berarti suatu data yang nilainya tetap. Jadi konstanta juga seperti
variabel namun nilainya tidak dapat berubah-ubah.
E.Fungsi Variabel
seperti kita menambahkan var atau lainnya dan di dalam javascript sendiri
memiliki aturan tersendiri dan fungsi dari variable ini tertentunya untuk
menyimpan suatu nilai dan juga dapat melakukan pengkondisian tertentu dari
suatu kondisi variabelnya, dan juga kita dapat berinteraksi dari variabel satu
ke variabel lainnya yang pertama kemudian kita juga dapat melakukan
pengkondisian tertentu dari suatu kondisi variablenya dan kita juga dapat
berinteraksi dengan variable 1 dan variable lainnya, variable ini kita akan
memberikan suatu nilai atau dapat menjadi suatu wadah yang dapat kita bisa
isikan sebagai data string atau text kemudian kita bisa juga berikan data
dengan integer atau angka-angka yang dapat kita hitung kemudian kita juga
dapat memberikan nilai deret data dan kita juga dapat memberikan object
dan lainya
F.PENGETIAN TIPE DATA
tipe data adalah himpunan yang dapat anda temui pada semua data. Dengan
memahami tipe data, anda juga dapat menentukan suatu nilai dapat dimiliki dari

10
data tersebut ataukah tidak. Salah satu bentuk penerapan tipe data dalam
kehidupan sehari – hari adalah pada bilangan bulat. Karena pada hakikatnya
penulisan suatu bilangan pada data juga dapat bermacam – macam, seperti 5,5
atau ¾. Bilangan yang kami sebutkan adalah termasuk bilangan tak bulat, tidak
seperti bilangan bulat 5, 6, 1, 3 dan masih banyak lagi.
G.TIPE DATA PRIMITIF
Tipe data primitive adalah tipe data yang hanya mampu menyimpan satu nilai
tiap satu variabelnya dan defaultnya telah didefinisikan oleh java.
Jadi, tipe data primitive merupakan tipe data dasar suatu program.
Berikut macam-macam tipe data primitive dalam java:
1. Numerik atau Angka
o Bilangan Bulat (byte, short, int, long)
o Bilangan Desimal (float, double)
2. Karakter (char)
3. Boolean (boolean)
H.TIPE DATA REFERENSI
Tipe data non-primitiv(Referensi) adalah tipe data yang didefinisikan sendri oleh
programer dan biasanya berisi lebih dari suatu nilai.non-primitif bisa juga
disebut dengan tipe data referensi.
Artinya tipe data non-primitif tidak didefinisikan secara default oleh bahasa java
(tidak bult-in) melainkan didefinisikan sendiri. Beberapa tipe data yang
dimaksud antara lain:String,array,interface,dsb.
Kenapa tipe data String tdak termaksud dalam jenis primitf? Hal tersebut karna
salah satu ciri dari tipe data primitif adalah tidak memiliki method, sedangkan
tipe data string memiliki method.
I.Konstanta dan Fungsi pada Objek Math di Pemrograman Javascript
Pemrograman Javascript menyediakan Objek Math yang bisa
digunakan untuk melakukan perhitungan yang lebih kompleks. Objek Math
tersebut dapat langsung digunakan karena sudah dilengkapi
dengan Konstanta maupun Fungsi yang siap pakai.

11
Konstanta ini berisi beberapa nilai yang bisa digunakan dalam perhitungan
matematis dan proses logika program.
J.Fungsi untuk Objek Math dalam JavaScript
Selain Konstanta, Objek Math di javascript juga dilengkapi dengan
Metode atau Fungsi yang sudah siap pakai.berikut ke-16 Fungsi pada
Objek Math di Javascript.
1.Math.floor()
Fungsi Math.floor() digunakan untuk membulatkan bilangan desimal ke-
bawah. fungsi ini juga membutuhkan 1 argumen yaitu bilangan desimal
yang dibulatkan ke-bawah, misal perintah Math.floor(3.6) akan
menghasilkan angka 3.
2. Math.log()
Fungsi Math.log() digunakan untuk mengembalikan nilai logaritma
natural, fungsi tersebut perlu 1 argumen dalam bentuk angka.
3. Math.max()
Math.max() digunakan untuk mencari nilai tertinggi dari beberapa nilai
argumen yang sudah ditetapkan. Artinya, fungsi tersebut membutuhkan
beberapa argumen yang ingin diketahui nilai terbesarnya.
4. Math.min()
Math.min() digunakan untuk mencari nilai terkecil dari beberapa nilai
argumen yang sudah ditetapkan
5. Math.random()
Fungsi Math.random() jika digunakan akan menghasilkan angka acak
yang berada dalam rentang 0 dan 1
K.Pengertian Element dalam HTML
Element adalah isi dari tag yang berada diantara tag
pembuka dan tag penutup, termasuk tag itu sendiri dan
atribut yang dimilikinya (jika ada). Sebagai contoh perhatikan
kode HTML berikut:
1<p> Ini adalah sebuah paragraf </p>
Pada contoh diatas, “<p>Ini adalah sebuah paragraf</p>”

12
 merupakan element p.
L.Javascript ES6 – Template literal
Dengan menggunakan ES6 kita diperkenalkan dengan
istilah template string. Template ini dapat menampilkan literal dan
variabel (kombinasi) tanpa menggunakan pemisah “+”
(tanda/simbol plus). Data non literal dapat diapit dengan
menggunakan “`” dan kemudian setelah itu letakan dollar ($) dan
masukan nama variabel diantara dua bracket ({nama variabel}).
Simbol ini terletak dipojok kiri keyboard anda disamping kiri
keypad angka 1. Sesuatu yang berada di dalam apitan atau
diantara tanda tersebut(${sesuatu}) akan diasosiasikan dengan :
1. Variabel yang berada dalam class / file javascript
2. Operasi aritmatika
3. String method
pada console kita dapat melihat bahwa variabel berhasil kita
akses dengan template string. Jika kita ingin
mengkombinasikan literal dan variabel maka letakan literal
tersebut diluar apitan simbol “${}”
M. Tipe data array
Array (larik) ialah sekumpulan variabel-variabel yang memiliki
nama dan tipe data yang sama satu dengan lainnya. Juga bisa
diartikan sebagai sekelompok data sejenis yang tersimpan di dalam
variabel dengan nama sama. maka dari itu Untuk dapat
membedakan antara array satu dengan lainnya dapat dengan
memberikan indeks pada masing-masing variable tersebut.
N.MENGUASAI TIPE DATA OBJECT
Tipe data object adalah tipe data yang tidak sekedar
menyimpan data tetapi berisikan juga informasi bagaimana untuk
mengolah data tersebut. Maksudnya, pada tipe data data lain seperti :
integer, float, string hanya berisikan tipe data dia sendiri, sedangkan
pada tipe data object dapat berisikan tipe-tipe data lain.

13
 Walaupun disebut tipe data dasar, tipe data angka, text (string),
dan boolean di dalam JavaScript berprilaku „seolah-olah‟ sebagai objek.
Dimana setiap variabel yang berisikan tipe data, akan memiliki method
(atau fungsi) yang „melekat’ kepada variabel tersebut.
Dalam bahasa pemograman jenis prosedural, setiap tipe data dapat
disebut „berdiri’ sendiri. Untuk menjalankan beberapa perintah, kita
menggunakan fungsi yang menjadikan variabel tipe data sebagai inputan
untuk fungsi tersebut.
Didalam tipe data array, kita dapat mengambil nilai secara spesifik
dengan cara memaanggil keynya.didalam tipe data object seperti
array,kita juga bisa menambahkan data sekaligus dengan data
lainnya.kita juga bisa menambahan tipe data object lagi didalam nilai
object atau propert yang dimiliki suatu object.kita juga dapat memberikan
suatu function didalam tipe data object. Kita bisa memanggil nilai object
didalam object.kita juga dapat memanggil nilai functionn didalam object
O.Operator Perbandingan dalam JavaScript
Di dalam JavaScript (dan juga bahasa pemograman lain) operator
perbandingan adalah operator yang digunakan untuk membandingkan sebuah
nilai atau variabel dengan variabel lainnya. Hasil dari operasi perbandingan ini
akan menghasilkan nilai boolean.
Operator logika sering digunakan untuk kodisi IF, atau untuk keluar dari proses
perulangan (looping).
P.Pengertian Struktur IF
Jika anda pernah mempelajari bahasa pemograman lain, pastinya tidak
asing dengan struktur IF. Struktur IF adalah stuktur kode pemograman
„conditional‟ yang akan membuat percabangan di dalam program. Dengan
menggunakan struktur IF, kita bisa membuat 2 percabangan program yang
akan dieksekusi jika „kondisi‟ terpenuhi, dan akan menjalankan kode program
lain jika „kondisi‟ tidak terpenuhi.
Kondisi di dalam struktur IF disini bisa berisi variabel dengan tipe data boolean,
atau dengan kode program yang akan menghasilkan boolean, misalkan IF

14
(a==b), atau IF (a>=b). Jika kondisi diisi dengan selain boolean (selain true atau
false), maka hasilnya akan dikonversi menjadi boolean (tentang aturan konversi
ini telah kita bahas pada tutorial tentang tipe data boolean).
Operator Logika
Sementara operator perbandingan javascript dapat membandingkan dua
variabel, operator logika memeriksa logika antara variabel dan nilai pada
bahasa pemrograman javascript. Operator logika mengembalikan nilai benar
atau salah, tergantung pada informasi yang diberikan.
Javascrip dan operator dapat mengembalikan nilai true hanya jika kedua
persyaratan sudah dinyatakan benar. Ataupun operator mengembalikan true
jika salah satu kedua persyaratan benar. Jika tidak memenuhi maka akan
mengembalikan nilai false
Q.STAMEMENT SWITCH PADA JAVA
Struktur Logika Switch merupakan bentuk sederhana dari struktur logika If
Else. Switch biasanya digunakan apabila kondisi yang akan diperiksa hanya
terdapat 1 tetapi membutuhkan banyak opsi pilihan.
Kondisi untuk inputan struktur Switch biasanya merupakan variabel yang akan
di periksa nantinya. Output atau hasil dari percabangan akan ditangani oleh
perintah Case. Sedangkan opsi default digunakan untuk menangani kasus yang
tidak ditangani oleh perintah case.
Javascript memiliki konstruksi pemilihan pelaksanaan suatu urutan perintah
yang ditentukan oleh suatu kondisi yang bisa menghasilkan banyak
kemungkinan nilai yang dihasilkan, tidak sekedar benar atau salah saja.
Untuk kasus yang memiliki banyak pilihan programer dapat menggunakan
fungsi swicth sebagai alternatif. Yang perlu diperhatikan adalah pada setiap
akhir pelaksanaan perintah setiap kondisi harus disisipkan perintah break.
Perintah break ini digunakan agar javascript tidak mengeksekusi perintah yang
berikutnya tetapi langsung keluar dari proses swicth
SWITCH termasuk statement yang dapat dipergunakan untuk menyatakan
suatu pernyataan kondisional atau bersyarat. Selain SWITCH, kita bisa pula
menggunakan IF untuk menyatakan kondisional.

15
Fungsi dapat dideklarasikan secara kondisional, yaitu sebuah statement fungsi
dapat disarankan di dalam sebuah statement if. Kebanyakan aplikasi perambah
selain Mozilla akan memperlakukan deklarasi kondisional seperti itu sebagai
sebuah deklarasi non kondisional dan menciptakan fungsi tersebut meskipun
kondisi bernilai benar atau salah, lihat artikel berikut untuk ikhtisar. Untuk alasan
tersebut, deklarasi kondisional seharusnya tidak digunakan -- untuk
pembuatakan kondisional gunakan ekspresi fungsi sebagai gantinya.

R.Pengertian Struktur Perulangan FOR

Struktur perulangan di dalam bahasa pemograman di gunakan untuk
mengulang perintah program. Terdapat beberapa struktur perulangan yang
didukung oleh JavaScript, dan struktur perulangan pertama yang akan kita
bahas adalah struktur perulangan FOR.
Jika anda telah mempelajari bahasa pemograman lain sebelumnya, perulangan
for ini akan terasa familiar. Bagi yang baru mempelajari JavaScript, jangan
khawatir, kita akan mempelajarinya melalui contoh-contoh program sederhana.
Struktur perulangan for, biasanya membutuhkan 4 perintah, yaitu:
 Kondisi awal perulangan
 Kondisi akhir perulangan
 Baris program yang akan diulang
 Increment / kenaikkan dalam setiap perulangan

Dalam dunia programming, Looping adalah sebuah urutan perintah yang

secara menerus diulang hingga suatu kondisi tercapai. Kondisi yang dimaksud
disini dapat dalam bentuk yang berbeda-beda seperti; mendapatkan data dan
merubah data, dan apakah sebuah nilai sudah mencapai jumlah yang
ditentukan.
Terdapat dua jenis loop yang dibedakan menurut kendali pernyataan dari
sebuah program:
1.Entry controlled loop
2.Exit controlled loop

16
Dalam sebuah entry controlled loop, sebuah kondisi dieksekusi sebelum
sebuah badan dari loop. Hal ini juga disebut sebagai pre-checking loop.
Sedangkan dalam exit controlled loop, sebuah kondisi diperiksa setelah
mengeksekusi badan dari loop – atau yang biasanya disebut post-checking
loop.

S.MENGENAL WINDOW OBJECT LEBIH DALAM

Window object merupakan root dari segala object yang ada di Javascript. Atau
dengan kata lain kita juga dapat mengatakan bahwa window object ini
merupakan parentnya parent atau nenek moyang dari seluruh object yang ada
di Javascript.
Di sini kita memahami bahwa global variable merupakan property dari window.
Global function merupakan method dari window object. DOM ataupun
document object modul merupakan bagian dari window object.
Member-member object dikelompokkan menjadi 3 bagian, yaitu :

Property
Data yang menunjukkan ciri khusus atau bagian sebuah object. Biasa
digunakan untuk mengatur atau mengambil nilai sebuah object.
Methods
Merupakan sebuah prosedur atau fungsi untuk melakukan sebuah tugas
tertentu pada object
Events
Merupakan sebuah prosedur atau fungsi yang dipicu saat sebuah event,
peristiwa atau aktifitas tertentu terjadi pada object.

Sebuah worksheet misalnya memiliki:

1. Property: Name, Columns, Rows, Range, Cells, Comments, PageSetup,

AutoFilter dan lain sebagainya.

17
2. Methods: Activate, Calculate, Copy, Paste, PasteSpecial, Delete, Move,
PrintOut, PrintPreview, Protect, dll.
3. Events: Activate, BeforeDelete, BeforeDoubleClick, Change, Deactivate,
SelectionChange, dll.

18
 BAB III
PEMBAHASAN

A. KODE PROGRAM VIDEO 1 PERKENALAN DAN

PERSIAPAN
1. Kode Program untuk menulis elemennya langsung
atau bisa di panggil.

2. File yang akan di panggil

3. Untuk mencoba LIVE SERVER, klik kanan dan pilih

menu Open with Live Server

19
 4. Buka Inspect Element ( Klik kanan dalam Browser )

HASIL RUN VIDEO 1 PERKENALAN DAN PERSIAPAN

20
B. KODE PROGRAM VIDEO 2 JAVASCRIPT DEBUGGING TOOLS
MENGGUNAKAN CONSOLE

1. Tab Console yang digunakan untuk Live Testing atau Debugging atau
mencari suatu pesan error yang terjadi.
2. Setelah menginstal Live Server atau difungsikan sebagai Local Server
atau membuka suatu html ini dan ketika terjadi suatu perubahanakan
menampilkan perubahannya secara Real Time

3. Kemudian ada satu fungsi untuk eksekusi java script yaitu Alert
Kemudian tambahkan kata pada () seperti „Hello World‟.

4. Dan ketika di save akan muncul notifikasi secara real time

5. Selain bisa menuliskan file pada Java script atau html bisa dieksekusi
pada console.

6. Console juga bisa memberikan output di dalam browser console

21
22
HASIL RUN VIDEO 2 JAVASCRIPT DEBUGGING TOOLS
MENGGUNAKAN CONSOLE

 Hasil Run output di dalam browser console

23
C. KODE PROGRAM VIDEO 1 MEMBUAT VARIABEL DI
JAVASCRIPT BAGIAN 1
1. Kode Program untuk menulis elemennya langsung atau bisa di
panggil.

2. Mendeklarasikan variabel atau membuat variabel dalam javaScript

3. Mengubah nilai dari variabel tanpa mendeklarasikan ulang

24
 4. Membuat tempat menginisialisasi terlebih dahulu,tanpa
memberikan nilai

HASIL RUN VIDEO 1 MEMBUAT VARIABEL DI JAVASCRIPT

BAGIAN 1

25
D. KODE PROGRAM VIDEO 2 MEMBUAT VARIABLE
DIJAVASCRIPT BAGIAN 2

1. Mendeklarasikan variabel atau membuat variabel dalam javaScript

2. membuat variabel dengan keyword word atau tipe konstanta

3. Membuat konstanta dengan tipe data objek

26
4. Membuat cons number dengan tipe data array

5. Mengubah nilai array menjadi nilai objek dari variabel

number yang bertipe constan

27
HASIL RUN VIDEO 2 MEMBUAT VARIABLE DIJAVASCRIPT
BAGIAN 2

28
E. KODE PROGRAM VIDEO 1 MEMAHAMI TIPE DATA DIJAVASCRIPT

1. Kode Program untuk menulis elemennya langsung atau bisa panggil.

2. membuat tipe data primitif dan referensia

3. memanggil isi tipe data dengan nilai movies

29
4. memanggil isi tipe data dengan nilai music

5. memanggil nilai dari kota pada variabel address

30
6. mengambil nilai dari zip_code pada variabel addres

7. memanggil variabel name yang akan dlihat tipe datanya

31
8. memanggil variabel age yang akan dlihat tipe datanya

9. memanggil variabelage dengan menggunakan kutip „ „ untuk melihat

tipe datanya

32
10. memanggil variabel hasKid yang akan dlihat tipe datanya

11. memanggil variabel car yang akan dlihat tipe datanya

33
HASIL RUNNING VIDEO 1 MEMAHAMI TIPE DATA DIJAVASCRIPT

34
35
36
F. KODE PROGRAM VIDEO 2 MENGUBAH TIPE DATA KEDALAM
STRING

1. index html

2. Mendeklarasikan Variabel merubah tipe data number ke dalam String

3. Mengubah menjadi String

4. Menghitung panjang suatu data

37
5. Menjumlahkan suatu isian

6. menghitung output Menggunakan tipe length kedalam method String

7. Mengubah nilai suatu String dari nilai boolean true atau false

8. Menggunakan Method String Mengubah nilai suatu String dari nilai

boolean true

38
9. Menggunakan Method String Mengubah nilai suatu String dari nilai
boolean false

10. Mengubah suatu objec t tanggal dari fungsi date menjadi string

11. Mengubah suatu tipe data array kedalam string

39
12. Mengubah menjadi toString

13. mengubah menjadi tipe data boolean

40
HASIL RUNNING VIDEO 2 MENGUBAH TIPE DATA KEDALAM STRING

41
42
G. KODE PROGRAM VIDEO 3 MENGUBAH TIPE DATA KEDALAM
NUMBER

1. mengubah tipe data string ke dalam number

2. menggunakan method toFixed

43
3. Menghilangkan dari nilai decimal nya

4. Mengisi toFixed menjadi 2

44
5. Mengubah suatu nilai Boolean

6. Boolean to Number true false

45
7. Memasukkan String Lainnya

8. Menggunakan tipe const valt

46
9. mengubah nilai menjadi string

47
HASIL RUNNING VIDEO 3 MENGUBAH TIPE DATA KEDALAM
NUMBER

48
49
H. KODE PROGRAM VIDEO 1 ANGKA DAN OBJECT MATEMATIKA

1. Index HTML

2. Menyiapkan variabel dengan nilai tertentu& melakukan penjumlahan

3. Mencoba perkalian

50
4. Mencoba Pengurangan

5. Melakukan Pembagian

6. Melakukan Modulus atau sisa dari pembagi dengan menggunakan persen

51
7. Mencoba mengubah nilai menjadi 60

8. Mencoba mencari matematika object dari PI

9. Mencoba constan E

52
10. Mencoba melakukan pembulatan 3,7

11. Mencoba melakukan pembulatan 3,4

12. Mencoba membulatkan nilai ke atas jika ada nilai decimal 2,7

53
13. Mencoba membulatkan nilai ke atas jika ada nilai decimal 2,4

14.Membulatkan kebawah

15. Membulatkan kebawah menggunakan method floor 4,3

54
16. Mencari nilai dari suatu akar kuadrat

17.Mengabsolutkan nilai min menjadi positif

55
18.Mencari suatu nilai yang dipangkatkan dengan suatu nilai lainnya 8,2

19. Mencari suatu nilai yang dipangkatkan dengan suatu nilai lainnya 10,5

56
20.Mencari nilai minimum

21. Mencari nilai minimum dengan nilai minus

57
22. Mencari nilai tertinggi

23.Mengeneret suatu angka secara random

58
24.membatasi suatu nilai random dengan nilai integer

25.Menjeneret suatu nilai random dengan tepat 50

59
26.Membulatkan kebawah nilai yang dioutput

60
HASIL RUNNING VIDEO 1 ANGKA DAN OBJECT MATEMATIKA

61
62
63
64
I. Kode Program 2 Manipulasi Nilai String 1

1. Index HTML

2. Membuat variabel firstName dan lastName, kemudian mendeklarasikan

variabel untuk menyimpan hasil dari manipulasi String dan menggabungkan
firstName dan lastName

3. Melakukan Concatenation atau untuk menambahkan spasi

65
4. Mencoba menambahkan beberapa inputan lain

5. Menambhakan suatu nilai dari variabel-variabel lainnya

6. Menggabungkan nilai val sebelumnya dengan nilai val yang baru

66
7. Menambahkan spasi

8. Menambahkan concatenation dengan menambahkan variabel age

9. menambahkan variabel age 35

67
10.Menggunakan teknik Escaping

11.Menghitung panjang dari suatu variabel

68
12. Menambahkan spasi pada firstName

13.Menambahkan beberapa tulisan pada firstName untuk menghitung panjang

variabel

69
14.menggabungkan suatu String dengan method Concat

15.Mengcustom String yang akan digabungkan

70
16.Mengubah huruf menjadi kapital dari suatu String

17.Mengubah huruf menjadi kecil dari suatu String

71
HASIL RUNNING VIDEO 2

72
73
74
J. KODE PROGRAM VIDEO 3 MEMANIPULASI NILAI STRING 2

1. Mencari suatu String berdasarkan index menggunakan tipe data array

2. Mencari suatu String berdasarkan index menggunakan tipe data array

dengan nilai 3

75
3. Mencari suatu nilai index berdasarkan String yang diinput dengan huruf w

4. Mencari suatu nilai index berdasarkan String yang diinput dengan huruf a

76
5.Memanggil menggunakan charAt

6.mencari huruf terakhir dari suatu String

77
7.Memotong nilai dari suatu String

8. Memotong nilai dari suatu String menggunakan Slice

78
9. Memotong nilai dari suatu String menggunakan slice dengan nilai negatif -3

10. Memotong nilai dari suatu String menggunakan slice dengan nilai negatif -1

79
11. Mengubah nilai String menjadi nilai array

12.Memanggil Variabel Phar dan memanggil method split dengan pemisah spasi

80
13. Memanggil Variabel Phar dan memanggil method split dengan pemisah (-)

14. method split dengan pemisah (-)

81
15.Membuat Const tags

16. Melakukan Split dari variabel tags dengan pemisah (,)

17. Mengubah suatu nilai String dengan method replace

82
18.Melakukan pengkondisian dari suatu String Hello

19. Melakukan pengkondisian dari suatu String Hi

83
HASIL RUNNING VIDEO 3 MEMANIPULASI NILAI STRING2

84
85
86
 K. KODE PROGRAM VIDEO 1 MEMBUAT ELEMENT HTML DENGAN
TEMPLATE STRING

1. Kode Program untuk menulis elemennya langsung atau bisa di

panggil.

2. Membuat tamplate dengan menggunakanString (masukanbeberapa

variable).

3. Membuat dengan tanpa template string (es5), lalu kita buat override

87
4. Membuat dengan template string (es6). Lalu kita juga dapat
membuat operasi lainnya di dalam template string, seperti operator
matematika, memanggil suatu nilai dari suatu function, & kita dapat
pengkondisian.

88
HASIL RUNNING MEMBUAT ELEMENT HTML DENGAN TEMPLATE
STRING

89
 L. KODE POGRAM VIDEO 2 TIPE DATA ARRAY BESERTA METHOD

1. Index html

2. Membuat tipe data array dan mendeklarasikannya. Lalu kita panggil

variable number.

3. Menampilkna atau memanggil variable mix.

90
4. Menggunakan method atau property yang bias digunakan.
Mendeklarasikan variable, lalu mencari panjang array.

5. Mengecek apakah suatu variable ini merupakan tipe data array.

6. Mengambil single value dari suatu tipe data array.

91
7. Meriples berdasarkan index ski.

8. Mencari suatu nilai berdasarkan index atau mencari nilai index dari
suatu value.

9. Mengubah atau menambahkan nilai dari suatu array (Mutating).

92
10. Melepaskan nilai tipe data array.

11. Menghapus nilai array dari pada urutan pertama.

12. Menghapus beberapa nilai.

93
13. Memutar balik urutan suatu tipe data array (dari belakang ke
depan).

94
HASIL RUNNING TIPE DATA ARRAY BESERTA METHOD

95
96
97
M. KODE PROGRAM VIDEO 1 MENGUASAI TIPE DATA OJECT

1. Membuat tipe data object

2. Mengambil nilai secara spesifik dengan cara memanggil key nya

3. Mengambil nilai secara spesifik dengan cara memanggil key dengan

cara lainnya

98
4.Menambahkan data dengan tipe data lainnya

5.memanggil properti age dan hobbies

6. memanggil data salah satu dari nilai array

99
7. memanggil nilai dari

8. Memanggil secara spesifik masing-masing properti yang dimiliki oleh

object addres zipcode

9. Memanggil secara spesifik masing-masing properti yang dimiliki oleh

object addres city

100
10.memanggil suatu nilai function didalam object

11.mencari suatu tahun lahir berdasarkan umur sekarang dengan tahun yang
sekarang

12.Mengubah age menjadi 19

101
HASIL RUNNING VIDIO 1 MENGUASAI TIPE DATA OBJECT

102
103
N. KODE PROGRAM VIDIO 2 TANGGAL DAN WAKTU PADA JAVASCRIPT

1. Memanggil tipe data tanggal

2. Melihat apakah tipe data dari date tersebut

3. Menjadikan today menjadi toString

4.Langsung memanggil vaL

104
5. Memanipulasi suatu object date dengan memasukkan tanggal sesuatu
yang kita inginkan

6. Mengubah nilai dari jam,menit dan detik

7.Memberikan nilai dari suatu tipe data date dengan menambahkan string

8. mengambil nilai tahun sekaran

105
9.mengambil bulan saat ini

10.memanggil bulan januari new Date

11. memanggil bulan februari new Date

106
12. Memanggil untuk tanggal sekarang

13.memanggil untuk jam sekarang

14. mengambil nilai menit pada waktu sekarang

107
15. mengambil nilai detik pada waktu sekarang

16. mengambil nilai dari millisecond

17. memberikan output nilai timestane

108
18. memberikan suatu nilai pada deklarasi object date setDate

19. mengambil nilai dari millisecond

20.menentukan tanggal sesuai yg kita inputkan

109
21. MengSet Suatu Nilai Jam

22.Mengubah menit nya dengan method setMinutes

110
HASIL RUNNING VIDIO 2 TANGGAL DAN WAKTU PADA JAVASCRIPT

111
112
113
O. KODE PROGRAM VIDIO 1 STATEMENT IF DAN OPERATOR PEMBANDING 1
1. Code program menggunakan if, jika suatu kondisi ini benar maka akan
melakukan sesuatu dan jika salahpun atau kondisinya lain maka kita juga harus
melakukan sesuatu. Code program menggunakan if dengan mencoba mencari
nilai id tidak sama dengan 100

2 .Mencari dengan not equal jika nilai id tidak sama dengan 100 maka kondisinya
kita berikan pesan betul, dan jika kondisi dari id tersebut bernilai 100 maka kita akan
berikan pesan salah

3. mengecek id apakah nilainya sama dan tipe datanya sama

114
4. Mengecek suatu nilai menggunakan tipe data bukan integer diganti
dengan string

5. Menghendel ketika variabel tersebut belum ada maka kita akan

menjalankan proses tertentu tanpa harus menampilkan suatu eror dengan if
statement

115
6.Memberikan type of didalam if statement

7. Melakukan kondisi dengan if id =200 dengan console.log.

116
HASIL RUNNING VIDIO 1 STATEMENT IF DAN PEMBANDING 1

117
118
P. KODE PROGRAM VIDIO 2 STATEMENT IF DAN PEMBANDING 2
1. mengecek apakah data 200 lebih kecil dari statement if 100

2. mengecek apakah data 200 lebih besar dari statement if

3. mengecek apakah data 100 lebih besar dari statement if 100

119
4. mengecek apakah data 100 lebih kecil dari statement if 100

5. mencari suatu data dengan apakah nilai id dimulai dari 100 atau lebih kecil
dari 100

6. mencari suatu data dengan apakah nilai id dimulai dari 100 atau lebih kecil
dari 90

120
7. mencari suatu data dengan apakah nilai id dimulai dari 100 atau lebih besar
dari 100

8. mencari suatu data dengan apakah nilai id dimulai dari 100 atau lebih besar
dari 1000

9. mengecek suatu nilai color apakah nilai dari color sama dengan merah

121
10. membandingkan dengan tipe data array

11. memberikan suatu kondisi lainnya else if statement

122
12. menambahkan blue di console log

13. mengubah menjadi nilai red

14. mengubah menjadi nilai blue

123
15. memberikan constant dengan nama alpha dan age=6 dengan
mengecek apakah umur dari alpha adalah anak-anak

16. memberikan constant dengan nama alpha dan age=12 dengan

mengecek apakah umur dari alpha adalah remaja

17. memberikan constant dengan nama alpha dan age=20 dengan

mengecek apakah umur dari alpha adalah dewasa

124
18. memberikan constant dengan nama alpha dan age=90 dengan
mengecek apakah umur dari alpha adalah an adul

125
HASIL RUNNING VIDIO 2 STATEMENT IF DAN PEMBANDING 2

126
127
128
Q. KODE PROGRAM VIDEO 1 STATEMENT SWITCH PADA JAVASCRIPT

1. Mengecek suatu nilai dari variabel dengan menggunakan

keyword Switch,Jika nilai dari color bernilai red maka kita akan
melakukan proses didalam scope antara case dan break.Kita
juga dapat menambahkan case lainnya jika nilainya kita
tentukan dengan nilai yang lain.Jika nilainya selain dari red dan
yellow maka kita akan berikan default nya.

2. Mencoba mengganti nilai const color menjadi Yellow

129
3. Mendeklarasikan selain nilai dari red dan yellow dan kita akan berikan
dengan tipe data number

4. Membuat statement lainnya dengan switch untuk melihat suatu hari dari
objek tanggal yang dimiliki oleh javascript

130
HASIL RUNNING VIDEO 1 STATEMENT SWITCH PADA JAVASCRIPT

131
R. KODE PROGRAM VIDEO 2 MEMBUAT FUNGSI DAN EXPRESSION PADA
JAVASCRIPT

1. Membuat method function dan diberikan nama

2. Uncomment pada great

3. Membuat greating dengan template string

4. Memanggil dengan tipe data number 123

132
5. Memberikan nilai balik saja tanpa menggunakan console log dengan
menggunakan return

6. Memberikan parameter sebanyak mungkin dengan FirstName dan

lastName tanpa memberikan nilai pada parameter kedua

7. Memberikan default valuenya

8. Memberikan defaulnya kita tambahkan =

9. Memberikan argumen Steve,Smith

133
10. Membuat suatu variabel untuk menyimpan function tersebut dengan
menghitung suatu persegi dan memanggil dengan console log dengan
menentukan nilainya 3

11. Memberikan nilai 8 ketika kita tidak memberikan nilai pada argumen
atau parameter function ekspresion ini pada variabel square

12. Kita tidak bisa memanggil function ekspresion ini sebelum

function itu dibuat

134
13. Berbeda dengan ketika kita menggunakan function ekspresion kita
dapat menyimpannya terlebih dahulu

14. Berikan dengan istilah IIFEs kita akan memberikan function pada
parantesis dan diakhiri dengan parantesis juga. Kita membuat function
tanpa memberikan identitasnya tetapi langsung memberikan suatu
proses pada console log Hello

135
15. Memberikan suatu parameter atau nilai yang akan kita gunakan kedalam
function

136
HASIL RUNNING VIDEO 2

137
138
S. KODE PROGRAM VIDEO 1 PERULANGAN DALAM JAVASCRIPT

1. Membuat perulangan sampai dengan nilai dari variable (i) lebih kecil dari 10

2. ketika nilai dari variable(i) ini mendapatkan nilai 2 maka akan

menampilkan string ini merupakan angka faforit saya

3. Proses menampilkan angka 2 ini kita lakukan dua kali karena di

sini kita menapilkannya juga

139
4. melakukan pemberhentian jika nilai (i) = 5, (break)

5. kita coba replays dan angka sdh bias di lihat menjadi angka 5

6. melakukan perulagan dengan menampilkan string

number,dan kita memanggil variable (i)

140
7. prosesnya akan sama dengan perulagan for,menampilkan nilai 0-9

8. prosesnya hampir sama dengan kita melakukan perulagan

dengan menampilkan console.log

141
HASIL RUNNING VIDIO 1 PERULANGAN DALAM JAVASCRIPT

142
143
144
145
T. KODE PROGRAM VIDIO 2 PERULANGAN FOREACH DAN MAP IN
JAVASCRIPT

1. menambahkan variabel const

2. menampilkan variabel cars

3. memangil variabel cars,dan menggunakan function untuk menentukan

nilai dari masing2 perulangan

4. memanggil nilai index

146
5. menapilkan tipe data array

6. map dapat memanggil suatu perulangan dari tipe data object yang berada
dalam tipe data array

7. fungsi for juga dapat mencari nilai q dan value nya

147
8. menampilkan variabel user dari masing2 property dalam object user

148
HASIL RUNNING VIDIO 2 PERULANGAN FOREACH DAN MAP IN JAVASCRIPT

149
150
U. KODE PROGRAM VIDEO 1 MENGENAL WINDOW OBJECT LEBIH DALAM
JAVASCRIPT

1. Memanggil window console.log

2. Menggunakan alert Hello

3. Membuat window alert

4. Membuat suatu prompt

151
5. Membuat confirm “Are you Sure?”

6. Mencoba Membuat Else no

7. Mencari niklai tinggi dari suatu halaman yang kita buka

8. Melihat nilai lebar dari browser

152
9. Mencari object location

10. Mencari history atau data history dari browser

153
HASIL RUNNING VIDEO 1 MENGENAL WINDOW OBJECT LEBIH DALAM
JAVASCRIPT

154
155
156
157
V. KODE PROGRAM VIDEO LINGKUP VAR, LET DAN CONST VARIABLE
JAVACSRIPT
1. Membuat global scope variabel

2. Membuat suatu function local

3. Mecoba menjalankan block scope masing-masing variabel didalam if

158
4. Mengecek didalam variabel let

5. mengecek didalam variabel var

159
HASIL RUNNING VIDEO 2

160
161
162
 BAB IV PENUTUP
A.Kesimpulan

Pemrograman berorientasi objek merupakan paradigma pemrograman

yang berorientasikan kepada objek. Semua data dan fungsi di dalam paradigma
ini dibungkus dalam kelas-kelas atau objek-objek. Pada pemrograman ini setiap
objek dapat menerima pesan, memproses data, dan mengirim pesan ke objek
lainnya. Dan saat ini bahasa pemrograman yang menggunakan paradigma ini
banyak menggunakan C++ karena bahasa ini fleksibel untuk desain program
atau aplikasi.

B.Saran
Setelah mengetahui pengertian dan seluk beluk semua tentang OOP, kita
dapat mengambil segi positif dari penggunaan OOP dalam pemrograman,
walaupun masih terdapat kelemahan-kelemahan OOP dalam pemrograman.
Dalam pembahasan ini, Saya mengakui masih banyak terdapat
kekurangan, baik dari segi penulisan kata maupun penjelasannya yang kurang
tepat. Oleh karena itu Saya mohon kritikan dan saran dari pembaca demi
kesempurnaan makalah ini di masa yang akan datang.

163
 C.DAFTAR PUSTAKA
https://youtu.be/To1O7QFe-2E
https://youtu.be/9XmupjKG8JA
https://youtu.be/CRQgeG2gick
https://youtu.be/uZbJX7DNjWo
https://youtu.be/UAptUH-fRkk
https://youtu.be/j_te8wLdbi4
https://youtu.be/sdIMR1--EpI
https://youtu.be/X06Rm2Cjg5M
https://youtu.be/Kw7qrDKPq04
https://youtu.be/LpGmLI4TF3c
https://youtu.be/-rDLrwdKAVw
https://youtu.be/e_abMWHcWSM
https://youtu.be/sIJKIwWhOtc
https://youtu.be/Ng_C7GBswF0
https://youtu.be/Jli5dSUqQIc
https://youtu.be/YE4RY1UrI_Q
https://youtu.be/ZUM9_2UKGFs
https://youtu.be/ocjs7gDZR6w
https://youtu.be/gKnd7wgd3Co
https://youtu.be/Ys0_NdZAhfg
https://youtu.be/mr5-Y99mRpc
https://youtu.be/0cULPoVKlcc

164