Direzioni alternate

Lezione 12 di 18 del corso Nuvole in movimento - Progetto HTML/CSS/JS di Coddy.

Al momento, la nostra nuvola si muove solo verso destra, il che è bello ma non basta. Ora faremo in modo che si alterni tra destra e sinistra!

Sfida

Facile

Nel file JavaScript, aggiungi il supporto per alternare le direzioni nel tuo intervallo.

Cosa dovrebbe succedere?

La prima volta che viene eseguito l'intervallo, lo stile left dovrebbe essere uguale a 100%.

La seconda volta che viene eseguito l'intervallo, lo stile left dovrebbe essere uguale a -50% (può essere un valore maggiore o minore: fai delle prove per vedere cosa funziona meglio).

La terza volta che viene eseguito l'intervallo, lo stile left dovrebbe essere uguale a 100%.

E così via...

Controlla i suggerimenti se non sei sicuro.

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi qui il codice HTML -->
        <script src="script.js"></script>
    </body>
</html>