حقن السحب

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

في لغة JavaScript، تقوم الطريقة repeat() بإنشاء وإرجاع سلسلة نصية جديدة تحتوي على العدد المحدد من النسخ من السلسلة النصية الأصلية، مدمجة معاً.

على سبيل المثال:

const newString = 'test'.repeat(5)
console.log(newString) // testtesttesttesttest

التحدي

سهل

في الدرس السابق، قمنا بحقن عنصر عشوائي باستخدام JS.

الآن، بدلاً من ذلك، قم بحقن سحابة (لديك بالفعل كود HTML الخاص بها) وكررها 5 مرات على الأقل.

لا تقلق، يجب أن ترى سحابة واحدة فقط تتحرك والباقي عالق في الجانب العلوي الأيسر، في الدرس القادم سنقوم بتحريكها جميعاً.

لاحظ أن تكرار السحابة مرات عديدة قد يؤدي إلى مشاكل في الذاكرة، استخدمه بحذر!

جرّب بنفسك

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

جميع دروس سحب متحركة - مشروع HTML/CSS/JS

1مقدمة

4اللعب بـ JS

2الحاوية

5تحريك السحابة

3السحابة

6سحب كثيرة

حقن السحب