Chèn các đám mây

Bài học 16 trên 18 trong khóa học Dự án mây chuyển động với HTML/CSS/JS của Coddy.

Trong JavaScript, phương thức repeat() tạo và trả về một chuỗi mới chứa số bản sao được chỉ định của một chuỗi, nối chúng lại với nhau.

Ví dụ:

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

Thử thách

Dễ

Trong bài học trước, chúng ta đã chèn một phần tử ngẫu nhiên bằng JS.

Bây giờ, thay vào đó, hãy chèn một đám mây (bạn đã có code HTML cho đám mây này) và lặp lại ít nhất 5 lần.

Đừng lo, bạn sẽ chỉ thấy một đám mây chuyển động, còn những đám mây khác nằm yên ở góc trên bên trái. Ở bài học tiếp theo, chúng ta sẽ tạo hiệu ứng chuyển động cho tất cả đám mây.

Lưu ý rằng lặp lại đám mây quá nhiều lần có thể gây ra vấn đề về bộ nhớ, hãy sử dụng một cách thận trọng!

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML ở đây -->
        <script src="script.js"></script>
    </body>
</html>