Menu
Coddy logo textTech

Bulutları Enjekte Etme

Coddy'nin Hareketli Bulutlar - HTML/CSS/JS Projesi kursunda ders 16 / 18.

JavaScript'te, repeat() metodu, bir dizenin belirtilen sayıda kopyasının birbirine eklenmiş halini içeren yeni bir dize oluşturur ve döndürür.

Örneğin:

const newString = 'test'.repeat(5)
console.log(newString) // testtesttesttesttest
challenge icon

Görev

Kolay

Son derste, JS kullanarak rastgele bir öğe enjekte ettik.

Şimdi, onun yerine bir bulut enjekte edin (bunun için HTML koduna zaten sahipsiniz) ve bunu en az 5 kez tekrarlayın.

Endişelenmeyin, sadece bir bulutun hareket ettiğini ve geri kalanının sol üst tarafta takılı kaldığını görmelisiniz, bir sonraki derste hepsini hareketlendireceğiz.

Cloud animation example

Bulutu çok fazla kez tekrarlamanın bellek sorunlarına yol açabileceğini unutmayın, dikkatli kullanın!

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