Lewati ke konten

Percabangan if...else

Setelah halaman ini, kamu dapat membuat keputusan dua arah dengan if...else.


if hanya menangani kondisi benar. Tetapi banyak masalah membutuhkan dua jawaban. Nilai siswa: lulus atau belum lulus. Pembayaran: cukup atau kurang. Untuk itu gunakan if...else.


Seperti hasil ujian:

🖥️ Output
Jika nilai >= 75 → Lulus
Jika tidak → Remedial

Siswa pasti masuk salah satu hasil. Tidak ada jalan ketiga pada aturan sederhana ini.


📄 TypeScript
if (kondisi) {
// jalan saat true
} else {
// jalan saat false
}

Buat src/bab2/if-else.ts:

📄 TypeScript
const namaSiswa: string = "Rani"
const nilaiAkhir: number = 70
const batasLulus: number = 75
if (nilaiAkhir >= batasLulus) {
console.log(`${namaSiswa}, kamu dinyatakan LULUS.`)
} else {
console.log(`${namaSiswa}, kamu perlu mengikuti remedial.`)
}

Jalankan:

🖥️ Output
tsx src/bab2/if-else.ts

🖥️ Output
Rani, kamu perlu mengikuti remedial.

Jika nilai diubah menjadi 75 atau lebih, output berubah menjadi pesan lulus.


  • if (nilaiAkhir >= batasLulus) memeriksa batas minimal.
  • Jika hasilnya true, blok pertama jalan.
  • else tidak punya kondisi sendiri. Ia menjadi jalan cadangan saat kondisi if false.
  • Template literal memasukkan nama siswa ke pesan.

🖥️ Output
nilaiAkhir >= 75?
true│false
├──► tampilkan LULUS
└──► tampilkan remedial

📄 TypeScript
if (nilaiAkhir >= batasLulus) {
console.log("Lulus")
}
else {
console.log("Remedial")
}

Kode ini valid, tetapi gaya yang lebih umum adalah } else { dalam satu rangkaian. Jangan menulis titik koma setelah if (...):

📄 TypeScript
if (nilaiAkhir >= batasLulus); {
console.log("Lulus")
}

Titik koma itu mengakhiri if, sehingga blok selalu jalan. Hindari.



Buat program cek saldo. Jika saldo minimal 10000, tampilkan "Pembayaran berhasil"; jika tidak, tampilkan "Saldo tidak cukup".


  • if...else selalu memilih tepat satu dari dua blok.
  • if menangani true; else menangani false.
  • Cocok untuk keputusan dua hasil seperti lulus/remedial.