JavaScript: الحلقات في جافاسكريبت

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head><meta charset="UTF-8"><title>حلقة for</title></head>
<body>
<div id="output"></div>
<script>
for (let i = 0; i < 5; i++) {
  document.getElementById('output').textContent += i + ' ';
}
</script>
</body>
</html>

<!DOCTYPE html>
<html dir="rtl">
<body>
  <h2>إنشاء قائمة بالحلقات</h2>
  <ul id="list"></ul>
  <script>
    let fruits = ['تفاحة', 'موزة', 'برتقالة', 'عنب', 'بطيخ'];
    let html = '';
    for (let i = 0; i < fruits.length; i++) {
      html += `<li>#${i + 1}: ${fruits[i]}</li>`;
    }
    document.getElementById('list').innerHTML = html;
  </script>
</body>
</html>

<script>
let count = 0;
while (count < 3) {
  count++;
}
</script>

<script>
let input;
do {
  input = prompt('أدخل رقمًا موجبًا:');
} while (Number(input) <= 0);
</script>

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head><meta charset="UTF-8"><title>for...of</title></head>
<body>
<div id="output"></div>
<script>
let colors = ['أحمر', 'أخضر', 'أزرق'];
let html = '';
for (let color of colors) {
  html += color + ' ';
}
document.getElementById('output').textContent = html;
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head><meta charset="UTF-8"><title>break وcontinue</title></head>
<body>
<div id="output"></div>
<script>
// break: توقف عند العثور على الهدف
let breakResult = '';
for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  breakResult += i + ' ';
}

// continue: تخطى الأعداد الزوجية
let continueResult = '';
for (let i = 0; i < 6; i++) {
  if (i % 2 === 0) continue;
  continueResult += i + ' ';
}

document.getElementById('output').innerHTML =
  '<strong>نتيجة break:</strong>' + breakResult + '<br>' +
  '<strong>نتيجة continue:</strong>' + continueResult;
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head><meta charset="UTF-8"><title>حلقات متداخلة</title></head>
<body>
<div id="output"></div>
<script>
let html = '';
for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    html += `(${i}, ${j}) `;
  }
  html += '<br>';
}
document.getElementById('output').innerHTML = html;
</script>
</body>
</html>

<script>
// ⚠️ لا تفعل هذا أبدًا!
// while (true) {
//   console.log('لا أستطيع التوقف أبدًا!');
// }

// خطأ شائع: نسيان تحديث الشرط
let i = 0;
// while (i < 5) {
//   console.log(i);
//   نسيان i++، لذلك i دائمًا 0 والحلقة لا تنتهي أبدًا
// }
</script>