Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon

Iterare su tutti

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

challenge icon

Sfida

Facile

Al momento, il tuo codice probabilmente funziona solo su una nuvola; esegui un ciclo su tutte le nuvole:

const elements = document.getElementsByClassName('cloud');

E assegna a ciascuna una posizione, una velocità e una dimensione casuali.

Nota: dovrai fare clic sul pulsante di aggiornamento dopo aver scritto il codice:

Assicurati di non creare un ciclo infinito!

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>

Tutte le lezioni di Nuvole in movimento - Progetto HTML/CSS/JS

1Introduzione

Introduzione

4Giocare con JS

Creare la nuvolaLezione di progettoPosizione casualeLezione di progettoDimensione casualeLezione di progetto

2Contenitore

CorpoContenitoreLezione di progetto

5Nuvola in movimento

Valori fissiLezione di progettoSpostati a destraLezione di progettoDirezioni alternateLezione di progettoInizia subitoLezione di progettoRandomizza tuttoLezione di progetto

3Il Cloud

Cloud ILezione di progettoCloud IILezione di progettoCloud IIILezione di progetto

6Molte nuvole

Inserire HTML usando JSLezione di progettoInserire nuvoleLezione di progettoIterare su tuttiLezione di progettoRitocchi finaliLezione di progetto

Esercitati da solo: Playground Web