Alternar direcciones

Lección 12 de 18 del curso Nubes en movimiento - Proyecto de HTML/CSS/JS de Coddy.

En este momento, nuestra nube solo se mueve hacia la derecha, lo cual está genial pero no es suficiente. ¡Ahora haremos que alterne entre la derecha y la izquierda!

Desafío

Fácil

En el archivo JavaScript, añade soporte en tu intervalo para direcciones alternas.

¿Qué debería pasar?

La primera vez que se ejecute el intervalo, el estilo left debe ser igual a 100%.

La segunda vez que se ejecute el intervalo, el estilo left debe ser igual a -50% (puede ser más o menos, deberías probar y ver qué funciona mejor).

La tercera vez que se ejecute el intervalo, el estilo left debe ser igual a 100%.

Y así sucesivamente...

Consulta las pistas si no estás seguro.

Pruébalo tú mismo

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