Scribd
Unggah
3 tayangan

Dasar_JavaScript_Pemrograman_Web

Dasar Java Script

Diunggah oleh

Wiga Maulana Baihaqi
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 PPTX, PDF, TXT atau baca online di Scribd
3 tayangan

Dasar_JavaScript_Pemrograman_Web

Dasar Java Script

Diunggah oleh

Wiga Maulana Baihaqi
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 PPTX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 12

Dasar JavaScript untuk

Pemrograman Web
• Memahami konsep inti JavaScript dalam
pengembangan website interaktif
Apa itu JavaScript?
• - Bahasa pemrograman client-side yang
berjalan di browser
• - Membuat halaman web menjadi dinamis dan
interaktif
• - Digunakan bersama HTML & CSS dalam
front-end development
Cara Menambahkan JavaScript
• Langsung dalam HTML: <script> alert("Halo
dunia!"); </script>
• Menggunakan file eksternal: <script
src="script.js"></script>
Variabel dalam JavaScript
• - var: cara lama, jarang digunakan
• - let: untuk nilai yang bisa berubah
• - const: untuk nilai tetap (konstanta)
• Contoh: let nama = "Andi"; const umur = 21;
Tipe Data di JavaScript
• - String: "Halo Dunia"
• - Number: 100, 3.14
• - Boolean: true, false
• - Undefined: variabel belum diisi
• - Null: kosong secara eksplisit
Operator dalam JavaScript
• - Aritmatika: +, -, *, /, %
• - Perbandingan: ==, ===, !=, !==, >, <, >=, <=
• - Logika: &&, ||, !
Struktur Percabangan
• Digunakan untuk pengambilan keputusan
• if (nilai > 70) { console.log("Lulus"); } else
{ console.log("Remedial"); }
• Bentuk lain: if...else, if...else if...else, switch
Perulangan (Looping)
• Digunakan untuk mengulang blok kode
• for (let i = 0; i < 5; i++) { console.log(i); }
• Jenis lain: while, do...while, for...of, for...in
Fungsi dalam JavaScript
• Fungsi = blok kode yang bisa dipanggil
• function sapa(nama) { console.log("Halo " +
nama); } sapa("Rani");
Interaksi dengan DOM
• DOM = Document Object Model
• - Mengubah teks/HTML, mengatur style,
menanggapi event
• document.getElementById("judul").innerText
= "Hello!";
Event Handling
• Contoh event: klik tombol
• <button id="klik">Klik Saya</button>
• document.getElementById("klik").onclick =
function() { alert("Tombol diklik!"); }
Kesimpulan
• - JavaScript adalah pondasi utama dalam
pemrograman web modern
• - Memahami dasar seperti variabel,
percabangan, dan DOM sangat penting
• - Praktik langsung akan memperkuat
pemahaman

Anda mungkin juga menyukai