Menu
Coddy logo textTech

כיוונים לסירוגין

שיעור 12 מתוך 18 בקורס עננים נעים - פרויקט HTML/CSS/JS של Coddy.

כרגע, הענן שלנו נע רק ימינה, וזה מגניב, אבל לא מספיק. עכשיו נגרום לו לנוע לסירוגין ימינה ושמאלה!

challenge icon

אתגר

קל

בקובץ JavaScript, הוסף תמיכה בהחלפת הכיוונים לסירוגין בתוך המרווח שלך.

מה אמור לקרות?

בפעם הראשונה שהמרווח מופעל, הסגנון left אמור להיות שווה ל־100%.

בפעם השנייה שהמרווח מופעל, הסגנון left אמור להיות שווה ל־-50% (אפשר יותר או פחות; כדאי לבדוק ולראות מה עובד הכי טוב).

בפעם השלישית שהמרווח מופעל, הסגנון left אמור להיות שווה ל־100%.

וכן הלאה...

אם אינך בטוח, בדוק את הרמזים.

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתבו כאן קוד HTML -->
        <script src="script.js"></script>
    </body>
</html>

כל השיעורים ביחידה עננים נעים - פרויקט HTML/CSS/JS

תרגלו בעצמכם: Web אונליין