Menu
Coddy logo textTech

Alterner les directions

Leçon 12 sur 18 du cours Nuages en mouvement - Projet HTML/CSS/JS de Coddy.

Pour l'instant, notre nuage ne se déplace que vers la droite, ce qui est cool mais pas suffisant. Maintenant, nous allons le faire alterner entre la droite et la gauche !

challenge icon

Défi

Facile

Dans le fichier JavaScript, ajoutez le support dans votre intervalle pour alterner les directions.

Que doit-il se passer ?

La première fois que l'intervalle s'exécute, le style left doit être égal à 100%.

La deuxième fois que l'intervalle s'exécute, le style left doit être égal à -50% (cela peut être plus ou moins, vous devriez tester et voir ce qui fonctionne le mieux).

La troisième fois que l'intervalle s'exécute, le style left doit être égal à 100%.

Et ainsi de suite...

Consultez les indices si vous n'êtes pas sûr.

Essayez vous-même

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

Toutes les leçons de Nuages en mouvement - Projet HTML/CSS/JS