Menavigasi Jalan Buntu dengan Kondisi dan Perulangan di JavaScript: Yuk, Bikin Keputusan Sendiri!
Halo, teman-teman! Selamat datang kembali di petualangan koding kita. Kali ini, kita akan ngomongin soal kondisi dan perulangan di JavaScript. Apa sih maksudnya kondisi? Apakah kita lagi ngomongin ramalan cuaca? Hehe, tentu bukan, dong. Kondisi di sini adalah tentang bagaimana JavaScript bisa "memutuskan" untuk melakukan sesuatu berdasarkan situasi tertentu. Kalau soal perulangan, mungkin ini terdengar kayak kerjaan yang bikin bosan, tapi tenang aja, di dunia JavaScript, perulangan itu justru bikin hidup lebih efisien dan nggak bikin pusing!
Kondisi: If, Else, dan Pilihan Lainnya
Kita mulai dari yang paling dasar dulu, yaitu pernyataan if. Kalau di dunia nyata, kita sering bikin keputusan kayak, "Kalau hujan, aku bawa payung." Nah, di JavaScript, logika seperti ini bisa kita tulis dengan if.
let cuaca = "hujan";
if (cuaca === "hujan") {
console.log("Bawa payung, teman-teman!");
}
Di contoh ini, kalau variabel cuaca bernilai hujan, maka JavaScript akan menjalankan kode yang ada di dalam blok if, yaitu mencetak pesan "Bawa payung, teman-teman!" ke konsol. Gampang, kan?
Kondisi Lebih Spesifik: Else If
Nah, gimana kalau kita punya lebih dari dua kondisi? Misalnya, hujan, cerah, atau mendung? Di sinilah kita bisa menggunakan else if untuk menambahkan kondisi lebih spesifik. Cek contoh ini:
let cuaca = "mendung";
if (cuaca === "hujan") {
console.log("Bawa payung, teman-teman!");
} else if (cuaca === "mendung") {
console.log("Bawa jas hujan, buat jaga-jaga!");
} else {
console.log("Cuaca cerah, jalan-jalan aja yuk!");
}
Contoh Implementasi di HTML
Sekarang, mari kita coba bikin skenario sederhana menggunakan HTML dan JavaScript. Misalkan, kita ingin buat aplikasi mini yang bisa mengecek usia seseorang dan memberikan pesan apakah mereka sudah cukup umur untuk menonton film dewasa.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cek Usia</title>
</head>
<body>
<h1>Cek Usia Teman-teman</h1>
<label for="usia">Masukkan usia: </label>
<input type="number" id="usia">
<button onclick="cekUsia()">Cek!</button>
<p id="pesan"></p>
<script>
function cekUsia() {
let usia = document.getElementById("usia").value;
let pesan = "";
if (usia >= 18) {
pesan = "Selamat! Kamu boleh menonton film dewasa.";
} else if (usia >= 13) {
pesan = "Kamu boleh menonton film remaja.";
} else {
pesan = "Kamu masih kecil, nonton kartun aja ya!";
}
document.getElementById("pesan").innerHTML = pesan;
}
</script>
</body>
</html>
Perulangan: Mengulang Sampai Capek? Nggaklah, JavaScript yang Kerja!
Sekarang, mari kita bahas soal perulangan atau bahasa kerennya, looping. Gimana sih caranya JavaScript bisa mengulang-ulang sesuatu? Misalnya, kita mau mencetak angka 1 sampai 5 di konsol. Nah, daripada nulis console.log() sebanyak lima kali, kita bisa pakai perulangan.
Perulangan For
for (let i = 1; i <= 5; i++) {
console.log("Angka ke-" + i);
}
Contoh Perulangan Sederhana di HTML
Sekarang kita akan membuat contoh di mana kita menampilkan angka 1 sampai 10 di halaman web menggunakan perulangan for. Yuk, kita coba!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Perulangan di JavaScript</title>
</head>
<body>
<h1>Menampilkan Angka 1 Sampai 10</h1>
<button onclick="tampilkanAngka()">Tampilkan Angka</button>
<ul id="listAngka"></ul>
<script>
function tampilkanAngka() {
let list = document.getElementById("listAngka");
list.innerHTML = ""; // Reset list
for (let i = 1; i <= 10; i++) {
let item = document.createElement("li");
item.textContent = "Angka ke-" + i;
list.appendChild(item);
}
}
</script>
</body>
</html>
Kesimpulan: If-Else dan Perulangan, Sahabat Developer Sejati!
Nah, gimana teman-teman? Keren, kan? Sekarang kalian udah tahu gimana JavaScript bisa bikin keputusan dan mengulang-ulang tugas dengan mudah. Dengan if-else, JavaScript bisa "memilih" apa yang harus dilakukan berdasarkan situasi tertentu, dan dengan perulangan, kita bisa bikin JavaScript melakukan tugas berulang kali tanpa harus capek-capek nulis kode yang sama terus-menerus.
Selamat mencoba, dan sampai jumpa di artikel berikutnya! Keep coding and have fun!
Posting Komentar untuk "Menavigasi Jalan Buntu dengan Kondisi dan Perulangan di JavaScript: Yuk, Bikin Keputusan Sendiri!"
Posting Komentar