تبديل الاتجاهات

الدرس 12 من 18 في دورة سحب متحركة - مشروع HTML/CSS/JS على Coddy.

في الوقت الحالي، تتحرك سحابتنا إلى اليمين فقط، وهذا أمر رائع ولكنه ليس كافيًا. الآن سنجعلها تتناوب بين اليمين واليسار!

التحدي

سهل

في ملف JavaScript، أضف دعماً في الفاصل الزمني (interval) الخاص بك لتبديل الاتجاهات.

ما الذي يجب أن يحدث؟

في المرة الأولى التي يتم فيها تنفيذ الفاصل الزمني، يجب أن يكون نمط left مساوياً لـ 100%.

في المرة الثانية التي يتم فيها تنفيذ الفاصل الزمني، يجب أن يكون نمط left مساوياً لـ -50% (يمكن أن يكون أكثر أو أقل، يجب عليك الاختبار ومعرفة ما هو الأفضل).

في المرة الثالثة التي يتم فيها تنفيذ الفاصل الزمني، يجب أن يكون نمط left مساوياً لـ 100%.

وهكذا...

تحقق من التلميحات إذا لم تكن متأكداً.

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>