Menu
Coddy logo textTech

Pętla po wszystkich

Lekcja 17 z 18 w kursie Poruszające się chmury — projekt HTML/CSS/JS w Coddy.

challenge icon

Wyzwanie

Łatwy

Obecnie Twój kod prawdopodobnie działa tylko dla jednej chmury. Wykonaj pętlę dla wszystkich chmur:

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

I nadaj każdej z nich losowe położenie, prędkość i rozmiar.

Uwaga: Po napisaniu kodu kliknij przycisk odświeżania:

Upewnij się, że nie tworzysz nieskończonej pętli!

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Poruszające się chmury — projekt HTML/CSS/JS

Poćwicz samodzielnie: Edytor online Web