Scribd
Unggah
25 tayangan2 halaman

Modul JavaScript Dasar

Modul ini menjelaskan dasar-dasar JavaScript, termasuk sintaks, struktur kontrol, fungsi, manipulasi DOM, event handling, dan pemrograman asynchronous. Contoh kode disediakan untuk setiap topik untuk membantu pemahaman. Selain itu, modul ini mencakup proyek kecil untuk menambahkan interaktivitas pada halaman web.

Diunggah oleh

iansofiansyah
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
25 tayangan2 halaman

Modul JavaScript Dasar

Modul ini menjelaskan dasar-dasar JavaScript, termasuk sintaks, struktur kontrol, fungsi, manipulasi DOM, event handling, dan pemrograman asynchronous. Contoh kode disediakan untuk setiap topik untuk membantu pemahaman. Selain itu, modul ini mencakup proyek kecil untuk menambahkan interaktivitas pada halaman web.

Diunggah oleh

iansofiansyah
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd

Modul Pembelajaran JavaScript Dasar

1. Sintaks Dasar JavaScript


JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web
menjadi interaktif. Sintaks dasar mencakup penggunaan variabel, tipe data, dan operator.

Contoh:

let nama = 'Andi';


const umur = 25;
let aktif = true;

2. Struktur Kontrol
Struktur kontrol digunakan untuk mengatur alur eksekusi program berdasarkan kondisi
atau perulangan.

Contoh:

if (umur > 18) {


[Link]('Dewasa');
} else {
[Link]('Anak-anak');
}

3. Fungsi dan Scope


Fungsi adalah blok kode yang dapat digunakan kembali. Scope menentukan aksesibilitas
variabel dalam fungsi.

Contoh:

function sapa(nama) {
return 'Halo ' + nama;
}

4. Manipulasi DOM (Document Object Model)


DOM memungkinkan JavaScript untuk mengakses dan memanipulasi elemen HTML secara
dinamis.

Contoh:

[Link]('judul').innerText = 'Selamat Datang';


5. Event Handling
Event handling memungkinkan JavaScript merespons interaksi pengguna seperti klik,
hover, dan submit.

Contoh:

[Link]('tombol').addEventListener('click',
function() {
alert('Tombol diklik!');
});

6. Asynchronous JavaScript Dasar


JavaScript mendukung pemrograman asynchronous menggunakan callbacks, Promises, dan
async/await untuk menangani operasi yang memerlukan waktu seperti pengambilan data
dari server.

Contoh Promise:

fetch('[Link]')
.then(response => [Link]())
.then(data => [Link](data));

7. Proyek Kecil: Interaktivitas Halaman Web


Tambahkan interaktivitas sederhana ke halaman web Anda, seperti validasi formulir,
menampilkan/menyembunyikan elemen, atau membuat galeri gambar.

Contoh Validasi Formulir:

[Link]('form').addEventListener('submit',
function(e) {
let nama = [Link]('nama').value;
if (nama === '') {
alert('Nama harus diisi');
[Link]();
}
});

Anda mungkin juga menyukai