Wstawianie chmur

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

W JavaScript metoda repeat() tworzy i zwraca nowy ciąg znaków zawierający określoną liczbę kopii ciągu znaków połączonych ze sobą.

Na przykład:

const newString = 'test'.repeat(5)
console.log(newString) // testtesttesttesttest

Wyzwanie

Łatwy

W poprzedniej lekcji wstawiliśmy losowy element za pomocą JS.

Teraz zamiast niego wstaw chmurę (masz już do niej kod HTML) i powtórz ją co najmniej 5 razy.

Nie martw się, powinna być widoczna tylko jedna poruszająca się chmura, a pozostałe będą nieruchome w lewym górnym rogu. W następnej lekcji je wszystkie animujemy.

Pamiętaj, że zbyt częste powtarzanie chmury może powodować problemy z pamięcią, więc używaj tego ostrożnie!

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>