Loop pada Semua

Pelajaran 17 dari 18 dalam kursus Awan Bergerak, Proyek HTML/CSS/JS di Coddy.

Tantangan

Mudah

Saat ini, kodemu mungkin hanya berfungsi pada satu awan. Lakukan perulangan pada semua awan:

const elements = document.getElementsByClassName('cloud');

Lalu berikan lokasi, kecepatan, dan ukuran acak kepada masing-masing awan.

Catatan: Kamu perlu mengeklik tombol refresh setelah menulis kode:

Pastikan kamu tidak membuat perulangan tanpa akhir!

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Awan Bergerak, Proyek HTML/CSS/JS

1Pengantar

4Bermain dengan JS

2Wadah

5Memindahkan Awan

3Komputasi Awan

6Banyak Awan

Sisipkan HTML dengan JS

Sisipkan Awan

Loop pada Semua Pelajaran proyek

Sentuhan Akhir

Latihan sendiri: Playground Web