Menu
CoddyTech

Vị trí ngẫu nhiên

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

Để lấy một số ngẫu nhiên (từ 0 đến 1) trong JavaScript, hãy dùng:

Math.random()
challenge icon

Thử thách

Dễ

Trong bài học trước, chúng ta đã thay đổi vị trí của đám mây bằng code JavaScript, giờ hãy đặt vị trí ngẫu nhiên.

Đặt đám mây ở vị trí ngẫu nhiên bằng các thuộc tính kiểu dáng top và left.

Đặt chúng thành một giá trị ngẫu nhiên từ 0% đến 100%.

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>

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