Jobsheet 2

Dasar Pemrograman JavaScript

I. Tujuan Pembelajaran
1. Siswa memahami aturan penulisan (sintkas) dalam bahasa
pemrograman JavaScript.
2. Siswa memahami prosedur pembuatan variabel dalam JavaScript.
3. Siswa memahami jenis-jenis operator dalam JavaScript.
4. Siswa memahami jenis-jenis tipe data dalam JavaScript.

II. Dasar Teori

Sebuah komputer di dalamnya berisi sederet perintah yang digunakan
untuk menjalankan tugas tertentu. Dalam dunia pemrograman perintah
disebut dengan statements.
Dalam menulis statements dalam JavaScript terdapat aturan penulisan
yang disebut dengan syntax. Terdapat beberapa aturan dasar dalam
JavaScript yang harus pahami, antara lain:
A. Variabel

Penyimpanan data dalam bahasa pemrograman menggunakan syntax

yang disebut variabel. JavaScript sendiri memiliki beberapa kata kunci
yang disebut keywords untuk membuat sebuah variabel yaitu let, dan
const.
 Berikut contoh penggunaan variabel:

Kode Output

Program diatas terlihat memiliki tiga buah variabel yakni harga1,

harga 2, dan total. keywords let menyatakan bahwa variabel tidak
dapat diubah nilainya. Sedangkan keywords const menyatakan bahwa
variabel dapat diubah nilainya (konstanta).
Terdapat beberapa hal yang perlu diperhatikan dalam pembuatan variabel
antara lain:
1. Harus memiliki nama yang unik.
2. Memuat huruf, angka, underscores, dan dollar signs.
3. Diawali dengan huruf
4. Perhatikan huruf besar kecil karena JavaScript adalah bahasa
case-sesitife yang membedakan penulisan huruf besar dan kecil.
5. Tidak boleh menggunakan nama dari reserverd keyword.

B. Operator
Dalam pembuatan sebuah program tidak lepas dari yang namanya
mengoperasikan sebuah data seperti menjumlah, mengurangi, dan
sebagainya. Kegiatan operasi dalam JavaScript membutuhkan sintaks
yang bernama operator.

Terdapat berbagai 4 jenis operator yang sering digunakan dalam

pemrograman JavaScript, antara lain:
1. Operator Aritmatika
Dalam JavaScript untuk mengolah sebuah data atau nilai bisa
menggunakan operator aritmatika seperti yang ada di matematika
yang sudah kita kenal. Mulai dari penjumlahan sampai proses
increment/decrement semua bisa dilakukan.

Nama Operator Simbol Hasil

Penjumlahan + 7+1=8

Pengurangan - 8-3=5

Perkalian * 2 * 5 = 10

Pangkat ** 2**2 = 8

Pembagian / 6/2=3

Modulus % 5%2=1

Increment ++ 5++ -> 6

Decrement -- -- 5 -> 4

2. Operator Perbandingan
Ketika menemui dua kondisi yang perlu dibandingkan,
JavaScript menyediakan operator perbandingan. Mulai dari
membandingkan sama dengan hingga tidak sama dengan.

Nama Operator Simbol

Sama dengan == 5 == 5 (benar)

Identik dengan === 5 === “5” (salah)

Tidak sama dengan != 5 != 4 (benar)

Tidak sama jenisnya !== 5 != “5” (benar)

Lebih dari > 5 > 4 (benar)

Kurang dari < 5 < 4 (salah)

Lebih dari sama >= 5 >= 4 (benar)

dengan

Kurang dari sama <= 5 <= 4 (salah)

dengan
3. Operator Logika
Logika dalam sebuah pemrograman menghasilkan nilai
output sesuai dengan logika yang ada. Pada tabel dibawah
merupakan jenis gerbang logika dasar.

Nama Operator Simbol

And &&

Or ||

Not !

Tabel Kebenaran Gerbang Logika And

Input A Input B Ouput

Benar Benar Benar

Benar Salah Salah

Salah Benar Salah

Salah Salah Salah

Tabel Kebenaran Gerbang Logika Or

Input A Input B Ouput

Benar Benar Benar

Benar Salah Benar

Salah Benar Benar

Salah Salah Salah

Tabel Kebenaran Gerbang Logika Not

Input Ouput

Benar Salah

Salah Benar
C. Tipe Data
Dalam pemrograman tipe data merupakan konsep bagaimana
mengidentifikasi jenis data yang disimpan dalam sebuah variabel. contoh
kita bisa menjumlahkan 4 + 4 = 8 karena sama-sama tipe data angka.
Beda lagi ketika kita menjumlahkan 4 + “4” akan menghasilkan error
karena dianggap sebagai sebuah string (huruf).
Meskipun dalam JavaScript penulisan tipe data tidak dilakukan
langsung ketika membuat variabel. Namun secara otomatis kode
programan akan mengindentifikasi tipe data sesuai dengan nilai yang
dimasukkan.
Berikut contoh penerapan tipe data dalam JavaScript:

Contoh Variabel Jenis Tipe Data

Let x; Tidak terdefinisi

let x = 5; Number

Let x = “John”; String

let x = 5.3; Decimal Number

5 == 3 Boolean (Benar/Salah)

D. Komentar
Dalam pembuatan kode program pasti memiliki ribuah baris kode
yang perlu di tuliskan. Tidak mungkin seorang programmer dapat
menghafal ribuan baris kode yang di tulis. Adanya komentar dapat
membantu mengingatkan programmer dengan kode apa yang di tulis.
Selain itu dengan penulisan komentar dapat membantu programmer lain
memahami kode yang dibuat.
Berikut contoh penulisan komentar dalam JavaScript:

Contoh Variabel Jenis Komentar

let nama = “Sugeng” // ini sebuah variabel Single Line

/* Kode program dibawah ini dibuat oleh Mutiline

Sugeng Efendi bersama teman-teman /*
let nama = “Sugeng”
III. Alat
1. Laptop
2. Text Editor (VS Code)
3. Browser (Google Chrome)
4. Koneksi Internet

IV. Latihan
1. Buatlah file html dengan nama latihan2.
2. Tuliskan kode html & javascript berikut ini dalam file latihan 2.

3. Jalankan kode tersebut di browser dan pastikan hasil output seperti

berikut:
 4. Amatilah kode program yang telah ditulis. Isilah tabel pengamatan
berikut:

No Instrumen Pengamatan Jawaban

1 Tuliskan variabel yang ada dalam

program di atas?

2 Tedapat berapa jenis variabel yang

terdapat dalam program di atas?

3 Dimana letak komentar dalam

program di atas?

V. Tugas Praktik
Setelah mempelajari teori Dasar Pemrograman JavaScript pada tugas
Praktikum kali ini. Silahkan membuat halaman website untuk melakukan
pengolahan nilai contoh (kalkulator penghitung berat badan, kalkulator
konversi mata uang) dan sebagainya yang memenuhi kriteria berikut:
1. Halaman HTML dan JavaScript yang dibuat memiliki tema yang spesifik.
(Poin 20)
2. Terdapat variabel untuk menyimpan nilai (Poin 40)
3. Menambahkan komentar dalam kode program (Poin 20)
4. Memakai operator perbandingan untuk menghasilkan output (poin 20)