Menu
Coddy logo textTech

Вставка облаков

Урок 16 из 18 курса Движущиеся облака — проект на HTML/CSS/JS на Coddy.

В JavaScript метод repeat() создает и возвращает новую строку, содержащую указанное количество копий исходной строки, соединенных вместе.

Например:

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

Задание

Легко

В прошлом уроке мы добавили случайный элемент с помощью JS.

Теперь вместо него вставьте облако (у вас уже есть HTML-код для него) и повторите его как минимум 5 раз.

Не волнуйтесь, вы должны увидеть только одно движущееся облако, а остальные застрянут в верхнем левом углу; в следующем уроке мы анимируем их все.

Cloud animation example

Обратите внимание, что слишком частое повторение облака может привести к проблемам с памятью, используйте это с осторожностью!

Попробуйте сами

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

Все уроки раздела Движущиеся облака — проект на HTML/CSS/JS