Đổi hướng luân phiên

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

Hiện tại, đám mây chỉ di chuyển sang phải. Thật thú vị, nhưng như vậy vẫn chưa đủ. Bây giờ, chúng ta sẽ khiến đám mây di chuyển luân phiên sang phải rồi sang trái!

Thử thách

Dễ

Trong tệp JavaScript, hãy bổ sung hỗ trợ đổi hướng luân phiên trong vòng lặp thời gian của bạn.

Điều gì sẽ xảy ra?

Ở lần vòng lặp thời gian thực thi đầu tiên, kiểu left phải bằng 100%.

Ở lần vòng lặp thời gian thực thi thứ hai, kiểu left phải bằng -50% (có thể nhiều hơn hoặc ít hơn, bạn nên thử để xem giá trị nào phù hợp nhất).

Ở lần vòng lặp thời gian thực thi thứ ba, kiểu left phải bằng 100%.

Và cứ tiếp tục như vậy...

Hãy xem các gợi ý nếu bạn chưa chắc.

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>