Tümünü Döngüye Alma
Coddy'nin Hareketli Bulutlar - HTML/CSS/JS Projesi kursunda ders 17 / 18.
Görev
KolayŞu anda kodunuz muhtemelen sadece bir bulut üzerinde çalışıyor, tüm bulutlar üzerinde döngü kurun:
const elements = document.getElementsByClassName('cloud');Ve her birine rastgele bir konum, hız ve boyut verin.
Not: Kodu yazdıktan sonra yenile düğmesine tıklamanız gerekecektir:
Sonsuz bir döngü oluşturmadığınızdan emin olun!
Kendin dene
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>Hareketli Bulutlar - HTML/CSS/JS Projesi bölümündeki tüm dersler
1Giriş
Giriş5Bulutu Hareket Ettirme
Sabit değerler
Sağa Hareket EtYönleri DeğiştirHemen BaşlatHer Şeyi Rastgele Yap6Çok Sayıda Bulut
JS kullanarak HTML Enjekte EtmeBulutları Enjekte EtmeTümünü Döngüye AlmaSon Dokunuş