Break dan continue adalah dua pernyataan kontrol yang digunakan pada JavaScript untuk mengontrol alur eksekusi dalam loop atau pernyataan bersyarat. Dalam artikel ini, kita akan melihat bagaimana menggunakan break dan continue pada JavaScript dan menerapkannya dalam HTML.
Penggunaan Break Pada JavaScript
Pernyataan break digunakan untuk menghentikan eksekusi loop atau switch statement. Ketika break dieksekusi, program akan keluar dari loop atau switch statement dan melanjutkan eksekusi dari pernyataan setelah loop atau switch statement tersebut.
Berikut adalah contoh penggunaan break dalam loop for:
for (let i = 1; i <= 10; i++) {
if (i === 5) {
break;
}
console.log(i);
}Output:
1
2
3
4Pada contoh di atas, ketika nilai i sama dengan 5, pernyataan break dieksekusi dan program keluar dari loop for.
Menggunakan Continue dalam JavaScript
Pernyataan continue digunakan untuk melompati iterasi saat ini dalam loop dan melanjutkan ke iterasi berikutnya. Ketika continue dieksekusi, program akan melompati semua pernyataan di bawah continue dalam iterasi saat ini dan melanjutkan ke iterasi berikutnya.
Berikut adalah contoh penggunaan continue dalam loop for:
for (let i = 1; i <= 10; i++) {
if (i === 5) {
continue;
}
console.log(i);
}Output:
1
2
3
4
6
7
8
9
10Pada contoh di atas, ketika nilai i sama dengan 5, pernyataan continue dieksekusi dan program melompati pernyataan console.log(i) dan melanjutkan ke iterasi berikutnya.
Menerapkan Break dan Continue dalam HTML
Kita juga dapat menggunakan break dan continue dalam kode HTML dengan menggunakan JavaScript. Berikut adalah contoh penggunaan break dan continue dalam HTML:
<!DOCTYPE html>
<html>
<head>
<title>Break dan Continue dalam HTML</title>
<script>
function printNumbers() {
for (let i = 1; i <= 10; i++) {
if (i === 5) {
break;
}
document.write(i + "<br>");
}
}
function skipNumber() {
for (let i = 1; i <= 10; i++) {
if (i === 5) {
continue;
}
document.write(i + "<br>");
}
}
</script>
</head>
<body>
<h1>Break dan Continue dalam HTML</h1>
<button onclick="printNumbers()">Print Numbers</button>
<button onclick="skipNumber()">Skip Number</button>
</body>
</html>
Output:
See the Pen Contoh Break dan Continue pada JavaScript by WebbizID (@De-Orchids) on CodePen.
Pada contoh di atas, kita memiliki dua fungsi JavaScript printNumbers() dan skipNumber(). Fungsi printNumbers() akan mencetak angka dari 1 hingga 10, tetapi akan berhenti saat mencapai angka 5 karena menggunakan break. Fungsi skipNumber() akan mencetak angka dari 1 hingga 10, tetapi akan melompati angka 5 karena menggunakan continue.
Ketika kita menjalankan kode HTML di atas, kita akan melihat dua tombol “Print Numbers” dan “Skip Number”. Ketika kita mengklik tombol “Print Numbers”, angka dari 1 hingga 4 akan dicetak, dan ketika kita mengklik tombol “Skip Number”, angka dari 1 hingga 4 dan 6 hingga 10 akan dicetak.
Sekarang Anda telah mempelajari cara menggunakan break dan continue dalam JavaScript dan menerapkannya dalam HTML. Anda dapat menggunakan break dan continue untuk mengontrol alur eksekusi dalam loop atau pernyataan bersyarat sesuai kebutuhan Anda.
Leave a Reply