IK212 Pemrograman
Internet
JAVASCRIPT
Erlangga, [Link].,
Program Studi M.T. Ilmu Komputer
Pendidikan
Fakultas Pendidikan Matematika dan Ilmu
Pengetahuan Alam
Konten Perkuliahan
• Pengenalan JavaScript
• Penulisan, Output, Tipe Data, Variabel dan Operator
• Percabangan
• Perulangan
• Fungsi
11 September 2025 IK212 - Pemrograman Internet 2
Bahasan I
Pengenalan JavaScript
Mengapa Harus Mempelajari
JavaScript ?
• HTML untuk mendefinisikan konten halaman
web
• CSS untuk menentukan tata letak halaman web
• JavaScript untuk memprogram perilaku
halaman web
Bahasan II
Penulisan, Output, Tipe Data, Variabel dan Operator
Tag <script>
• Dalam HTML, kode JavaScript disisipkan di antara tag
<script> dan </script>.
11 September 2025 IK212 - Pemrograman Internet 6
JavaScript di <head>
• Dalam contoh ini, fungsi JavaScript ditempatkan di bagian <head> halaman HTML.
• Fungsi dipanggil (dipanggil) ketika tombol diklik:
11 September 2025 IK212 - Pemrograman Internet 7
JavaScript di <body>
• Dalam contoh ini, fungsi JavaScript ditempatkan di bagian <body> halaman HTML.
• Fungsi dipanggil (dipanggil) ketika tombol diklik:
11 September 2025 IK212 - Pemrograman Internet 8
External JavaScript
• Skrip juga dapat ditempatkan di file eksternal:
11 September 2025 IK212 - Pemrograman Internet 9
External JavaScript (Lanjutan)
• Dalam file HTML dipanggil melalui :
11 September 2025 IK212 - Pemrograman Internet 10
Output
• Menulis ke dalam elemen HTML, menggunakan innerHTML.
• Menulis ke dalam output HTML menggunakan [Link]().
• Menulis ke dalam kotak peringatan, menggunakan
[Link]().
• Menulis ke konsol browser, menggunakan [Link]().
11 September 2025 IK212 - Pemrograman Internet 11
Menggunakan
innerHTML
• Untuk mengakses elemen HTML, JavaScript dapat menggunakan metode
[Link](id).
• Atribut id mendefinisikan elemen HTML. Properti innerHTML mendefinisikan konten HTML:
11 September 2025 IK212 - Pemrograman Internet 12
Menggunakan [Link]()
• Untuk tujuan pengujian, akan lebih mudah menggunakan
[Link]():
11 September 2025 IK212 - Pemrograman Internet 13
Menggunakan
[Link]()
• Anda dapat menggunakan kotak peringatan untuk menampilkan
data:
11 September 2025 IK212 - Pemrograman Internet 14
Menggunakan
[Link]()
• Untuk tujuan debugging, Anda dapat memanggil metode [Link]() di browser untuk
menampilkan data.
11 September 2025 IK212 - Pemrograman Internet 15
JavaScript Print
• JavaScript tidak memiliki objek cetak atau metode cetak.
• Anda tidak dapat mengakses perangkat keluaran dari JavaScript.
• Satu-satunya pengecualian adalah Anda dapat memanggil metode [Link]() di browser
untuk mencetak konten dari jendela saat ini.
11 September 2025 IK212 - Pemrograman Internet 16
Variabel
• Deklarasi variabel dalam JavaScript :
• Deklarasi lebih dari satu suku kata, inisialisasi awal :
• Me assign kan variabel, gunakan =
11 September 2025 IK212 - Pemrograman Internet 17
Tipe Data
• Strings
• Numbers
• Booleans
• Objects
11 September 2025 IK212 - Pemrograman Internet 18
Tipe Data - Strings
11 September 2025 IK212 - Pemrograman Internet 19
Tipe Data - Number
11 September 2025 IK212 - Pemrograman Internet 20
Tipe Data - Booleans
11 September 2025 IK212 - Pemrograman Internet 21
Tipe Data - Object
11 September 2025 IK212 - Pemrograman Internet 22
Operator
• Aritmatika
• Assignment
• Perbandingan
• Logika
11 September 2025 IK212 - Pemrograman Internet 23
Operator - Artimatika
11 September 2025 IK212 - Pemrograman Internet 24
Operator - Assignment
11 September 2025 IK212 - Pemrograman Internet 25
Operator - Perbandingan
11 September 2025 IK212 - Pemrograman Internet 26
Operator - Logika
11 September 2025 IK212 - Pemrograman Internet 27
Bahasan III
Percabangan
Percabangan
• IF
• Else
• Else IF
• Switch
11 September 2025 IK212 - Pemrograman Internet 29
Percabangan - IF
11 September 2025 IK212 - Pemrograman Internet 30
Percabangan - Else
11 September 2025 IK212 - Pemrograman Internet 31
Percabangan – Else IF
11 September 2025 IK212 - Pemrograman Internet 32
Percabangan - Switch
11 September 2025 IK212 - Pemrograman Internet 33
Bahasan IV
Perulangan
Perulangan
• For
• For In
• While
• Do While
For
11 September 2025 IK212 - Pemrograman Internet 36
For In
11 September 2025 IK212 - Pemrograman Internet 37
While
11 September 2025 IK212 - Pemrograman Internet 38
Do While
11 September 2025 IK212 - Pemrograman Internet 39
Bahasan VI
Fungsi
Fungsi
• Deklarasi Fungsi dan Nilai Kembalian
• Memanggil Fungsi
Deklarasi Fungsi dan Nilai Kembalian
• Fungsi dan Nilai Kembalian :
11 September 2025 IK212 - Pemrograman Internet 42
Memanggil Fungsi
• Memanggil Fungsi :
11 September 2025 IK212 - Pemrograman Internet 43
Bahasan VII
Demo Validasi Form Javascript
Buat Latihan
• Buat Web Blog Pribadi (Beranda, Tentang Saya, Kontak)
• Tambahkan Page Kontak yang ada validasi Formya
[Link]
Nama
Email
Website
Alamat
Kirim Reset
11 September 2025 IK212 - Pemrograman Internet 45
Buat Latihan
11 September 2025 IK212 - Pemrograman Internet 46
Kententuan
• Premium = Rp 500,000
• Silver = Rp 250,000
• Basic = Rp 150.000
• Tambahan Music, Anime, Religi masing-
masing Rp. 50.000
11 September 2025 IK212 - Pemrograman Internet 47
Output
• Nama
• Email
• No. Telepon
• Paket
• Tambahan
• Total Bayar
11 September 2025 IK212 - Pemrograman Internet 48
Referensi
1) Steve Prettyman, Learn PHP 8 Using MySQL, JavaScript, CSS3, and HTML5 (2nd
Edition)
2) David R. Brooks, Programming in HTML and PHP
3) Kevin Tatroe, Programming PHP
11 September 2025 IK322 - Mobile Programming 49
Terima Kasih Atas Perhatianya
erlangga@[Link]