Lặp qua tất cả
Bài học 17 trên 18 trong khóa học Dự án mây chuyển động với HTML/CSS/JS của Coddy.
Thử thách
DễHiện tại, code của bạn có thể chỉ hoạt động với một đám mây. Hãy lặp qua tất cả các đám mây:
const elements = document.getElementsByClassName('cloud');Và đặt vị trí, tốc độ và kích thước ngẫu nhiên cho mỗi đám mây.
Lưu ý: Bạn cần nhấp vào nút làm mới sau khi viết code:
Đảm bảo bạn không tạo vòng lặp vô hạn!
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Viết code HTML tại đây -->
<script src="script.js"></script>
</body>
</html>Tất cả bài học trong Dự án mây chuyển động với HTML/CSS/JS
Tự luyện tập: Playground Web