Pertemuan 11-12: Logika & Perulangan

Mengontrol Alur Program dengan Kondisi dan Loop

Pengertian

Logika Kondisional (menggunakan if...else) adalah cara kita memberitahu program untuk membuat keputusan. Ia akan menjalankan blok kode tertentu hanya jika sebuah kondisi terpenuhi. Perulangan (Loops) adalah cara untuk mengeksekusi blok kode yang sama berulang kali, baik untuk jumlah perulangan yang sudah ditentukan (for loop) atau selama sebuah kondisi masih terpenuhi (while loop). Keduanya adalah inti dari semua program komputer.

Analogi

Analogi: Resep dengan Pilihan & Pengulangan
Sebuah program adalah resep. Logika if/else adalah seperti instruksi "Jika adonan terlalu kental, tambahkan air. Jika tidak, lanjutkan ke langkah berikutnya." Ini adalah sebuah keputusan. Loop adalah seperti instruksi "Aduk adonan sebanyak 10 kali" (for loop) atau "Terus aduk hingga adonan kalis" (while loop). Ini adalah sebuah pengulangan.

Contoh Kode & Hasil

1. Pernyataan if...else

Menjalankan kode berbeda berdasarkan kondisi.

let nilai = 85;
let keterangan;
if (nilai >= 75) {
  keterangan = "Selamat, Anda Lulus!";
} else {
  keterangan = "Maaf, Anda perlu belajar lagi.";
}
document.getElementById('if-preview').innerHTML = keterangan;

2. Pernyataan else if

Untuk mengecek beberapa kondisi secara berurutan.

let nilai = 92;
let grade;
if (nilai > 90) {
  grade = "A";
} else if (nilai > 80) {
  grade = "B";
} else {
  grade = "C";
}
document.getElementById('elseif-preview').innerHTML = `Grade Anda: ${grade}`;

3. Perulangan for

Mengulang kode untuk jumlah yang sudah ditentukan.

let teks = "";
for (let i = 1; i <= 5; i++) {
  teks += "Angka ke-" + i + "<br>";
}
document.getElementById('for-preview').innerHTML = teks;

4. Perulangan for pada Array

Cara paling umum untuk mengakses setiap elemen dalam array.

    const warna = ["Merah", "Kuning", "Hijau"];
let listWarna = "";
for (let i = 0; i < warna.length; i++) {
  listWarna += `<li>${warna[i]}</li>`;
}
document.getElementById('for-array-preview').innerHTML = listWarna;

    Latihan Mandiri

    Tugas: Filter Angka Ganjil

    1. Buat sebuah array berisi angka dari 1 sampai 10: const angka = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    2. Gunakan perulangan for untuk memeriksa setiap angka di dalam array.
    3. Di dalam loop, gunakan pernyataan if untuk mengecek apakah sebuah angka adalah ganjil. (Petunjuk: gunakan operator modulo %. Angka ganjil jika dibagi 2 akan bersisa 1).
    4. Jika angka tersebut ganjil, tampilkan ke console.log().

    Kesimpulan

    Logika kondisional (if/else) dan perulangan (loops) adalah jantung dari pemrograman. Kondisional memberikan program kemampuan untuk membuat keputusan, sementara perulangan memberikannya kemampuan untuk melakukan tugas berulang secara efisien. Menguasai kedua konsep ini akan memungkinkan Anda untuk menulis program yang jauh lebih kuat, cerdas, dan berguna.