التكرار عبر الكل
الدرس 17 من 18 في دورة سحب متحركة - مشروع HTML/CSS/JS على Coddy.
التحدي
سهلحاليًا، من المحتمل أن الكود الخاص بك يعمل على سحابة واحدة فقط، قم بعمل حلقة تكرارية (loop) على جميع السحب:
const elements = document.getElementsByClassName('cloud');وامنح كل واحدة منها موقعًا وسرعة وحجمًا عشوائيًا.
ملاحظة: ستحتاج إلى النقر فوق زر التحديث بعد كتابة الكود:
تأكد من أنك لا تقوم بإنشاء حلقة تكرارية لا نهائية!
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>