Menu
Coddy logo textTech

Alternar direções

Lição 12 de 18 do curso Nuvens em Movimento - Projeto HTML/CSS/JS da Coddy.

No momento, nossa nuvem está se movendo apenas para a direita, o que é legal, mas não o suficiente. Agora vamos fazê-la alternar entre direita e esquerda!

challenge icon

Desafio

Fácil

No arquivo JavaScript, adicione suporte em seu intervalo para alternar as direções.

O que deve acontecer?

Na primeira vez que o intervalo for executado, o estilo left deve ser igual a 100%.

Na segunda vez que o intervalo for executado, o estilo left deve ser igual a -50% (pode ser mais ou menos, você deve testar e ver o que funciona melhor).

Na terceira vez que o intervalo for executado, o estilo left deve ser igual a 100%.

E assim por diante...

Verifique as dicas se não tiver certeza.

Experimente você mesmo

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

Todas as lições de Nuvens em Movimento - Projeto HTML/CSS/JS