W3 JavaScript
W3 JavaScript
Javascript
ISH3D4 – Sistem Informasi
2 HTML, CSS dan Java Script 10 Model View Controller pada Framework
Laravel
Kesimpulan Pustaka
Pokok Bahasan 01 Pengenalan javascript
05 6 Operator percabangan
06 6 Operator pengulangan
09
10
11
12
13
14
Capaian Pembelajaran
P02 Kemampuan menganalisis permasalahan, melakukan
identifikasi dan mendefinisikan kebutuhan komputasi
Yang bersesuaian dengan solusi
Petanicode.com
Javascript
Javascript adalah bahasa pemrograman yang awalnya dirancang untuk berjalan di atas
browser. Namun, seiring perkembangan zaman, javascript tidak hanya berjalan di atas
browser saja. Javascript juga dapat digunakan pada sisi Server, Game, IoT, Desktop,
dsb.
Javascript awalnya bernama Mocha, lalu berubah menjadi LiveScript saat
browser Netscape Navigator 2.0 rilis versi beta (September 1995). Namun, setelah
itu dinamai ulang menjadi Javascript. 1
Terinspirasi dari kesuksesan Javascript, Microsoft mengadopsi teknologi
serupa. Microsoft membuat ‘Javascript’ versi mereka sendiri bernama JScript. Lalu
di tanam pada Internet Explorer 3.0.
Hal ini mengakibatkan ‘perang browser’, karena JScript milik Microsoft berbeda
dengan Javascript racikan Netscape.
Prinsip Dasar Javascript
Prinsip dasar yang terdapat pada bahasa pemrograman javascript adalah sebagai berikut.
Javascript mendukung paradigma pemrograman imparatif (Javascript dapat menjalankan perintah
program baris demi baris, dengan masing-masing baris berisi satu atau lebih perintah), fungsional
(struktur dan elemen-elemen dalam program sebagai fungsi matematis yang tidak memiliki
keadaan (state) dan data yang dapat berubah (mutable data)), dan orientasi objek (segala sesuatu
yang terlibat dalam program dapat disebut sebagai “objek”).
Javascript memiliki model pemrograman fungsional yang sangat ekspresif.
Pemrograman berorientasi objek (PBO) pada Javascript memiliki perbedaan dari PBO pada
umumnya.
Program kompleks pada javascript umumnya dipandang sebagai program-program kecil yang
saling berinteraksi.
Prinsip Dasar Javascript
(petanicode.com)
1. Menggunakan Fungsi console.log();
Contoh penggunaan:
console.log("Hello World!");
2. Menggunakan Fungsi alert()
• Sumber : petanikode.com
Cara Membuat Variabel di Javascript
• Perlu kamu ketahui juga, selain kata kunci var kita juga bisa
membuat variabel dengan kata kunci let atau tanpa awalan
apapun.
LETS CODE Membuat Variabel di Javascript
Mengisi Ulang Variabel
• Variabel bersifat mutable, artinya nilai yang tersimpan di dalamnya
dapat kita isi ulang (berubah).
1. Percabangan if
LETS CODE : PERCABANGAN IF
LETS CODE : HASIL PERCABANGAN IF
6 Bentuk Percabangan pada Javascript
2. Percabangan if / else
LETS CODE : PERCABANGAN IF ELSE
LETS CODE : HASIL PERCABANGAN IF ELSE
6 Bentuk Percabangan pada Javascript
3. Percabangan if / else / if
LETS CODE : PERCABANGAN IF ELSE 2
LETS CODE : HASIL PERCABANGAN IF ELSE - 2
LETS CODE : PERCABANGAN IF ELSE 3
LETS CODE : HASIL PERCABANGAN IF ELSE - 3
6 Bentuk Percabangan pada Javascript
4. Percabangan switch
LETS CODE : PERCABANGAN SWITCH
LETS CODE : HASIL PERCABANGAN SWITCH
6 Bentuk Percabangan pada Javascript
5. Percabangan Itenary
1. Percabangan For
LETS CODE : PERULANGAN IF
Bentuk Perulangan pada Javascript
2. Percabangan While
• Perulangan while merupakan
perulangan yang termasuk dalam
perulangan uncounted loop.
• Perulangan while juga dapat
menjadi perulangan yang counted
loop dengan memberikan
counter di dalamnya.
LETS CODE : PERULANGAN WHILE
LETS CODE : HASIL PERULANGAN IF
Bentuk Perulangan pada Javascript
2. Percabangan Do-While
Perulangan do/while sama seperti perulangan while.
Perbedaanya:
Perulangan do/while akan melakukan perulangan sebanyak 1 kali terlebih
dahulu, lalu mengecek kondisi yang ada di dalam kurung while.
Bentuk Perulangan pada Javascript
2. Percabangan Do-While
Perulangan do/while akan mengecek kondisi di belakang (sesudah
mengulang),
DO-WHILE
WHIL
E
Bentuk Perulangan pada Javascript
4. Percabangan Foreach
Perulangan foreach biasanya digunakan untuk
mencetak item di dalam array.
Bayangkan sekarang kita sedang membuat aplikasi web, lalu ingin menampilkan
daftar nama-nama produk.
document.write(`${produk1}<br>`);
document.write(`$
{produk2}<br>`);
document.write(`${produk3}<br>`);
Struktur Data Array pada Javascript
• Menggunakan delete;
• Menggunakan method pop().
Cara 1 Menghapus Data Dari Array
LETS CODE Cara 2 Menghapus Data Dari Array
Cara 2 Menghapus Data Dari Array
• Apabila kita ingin menghapus data pada inteks tertentu, maka fungsi
atau method yang digunakan adalah splice().
• Fungsi ini memiliki dua parameter yang harus diberikan:
• Keterangan:
• <indeks> adalah indeks dari data di dalam array yang akan dihapus;
• <total> adalah jumlah data yang akan dihapus dari indeks tersebut.
Menghapus Data pada Indeks Tertentu
Menghapus Data pada Indeks Tertentu
Mengubah Isi Data Pada Array
Method-mothod Array Lain
• 1. Method filter()
• Method filter() berfungsi untuk menyaring data dari
array.
• Parameter yang harus diberikan pada method filter()
sama seperti method forEach(), yaitu: sebuah fungsi
callback.
Method-mothod Array Lain
Method-mothod Array Lain
2. Method includes()
• Method ini berfungsi untuk mengecek apakah
sebuah data ada di dalam array atau tidak. Biasanya
digunakan untuk melakukan pencarian untuk
memastikan data sudah ada di dalam array.
Method-mothod Array Lain
Method-mothod Array Lain
• 3. Method sort()
Method sort() berfungsi untuk
mengurutkan data pada array
Method-mothod Array Lain
Bab 8
DOM JavaScript
DOM API Js