Menu
CoddyTech
Mulai belajar

Ukuran Acak

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

challenge icon

Tantangan

Mudah

Mari tambahkan ukuran acak pada awan.

Untuk mengatur ukuran awan yang berbeda tanpa mengubah semuanya, kita bisa menggunakan transform dan scale:

transform: scale(0.3)

Baris di atas akan mengubah skala elemen yang ditargetkan menjadi 0.3 dari ukuran aslinya!

Di file JS, tambahkan property style ini secara terprogram, lalu buat nilainya acak. Ukuran yang disarankan berkisar antara 0.3 dan 1.

Pastikan kamu tidak menghapus kodemu sebelumnya yang membuat posisinya acak!

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

Pengantar

4Bermain dengan JS

Mendapatkan AwanPelajaran proyekPosisi AcakPelajaran proyekUkuran AcakPelajaran proyek

2Wadah

BadanWadahPelajaran proyek

5Memindahkan Awan

Nilai TetapPelajaran proyekBergerak ke KananPelajaran proyekArah BergantianPelajaran proyekLangsung MulaiPelajaran proyekAcak SemuanyaPelajaran proyek

3Komputasi Awan

Awan IPelajaran proyekAwan IIPelajaran proyekAwan IIIPelajaran proyek

6Banyak Awan

Sisipkan HTML dengan JSPelajaran proyekSisipkan AwanPelajaran proyekLoop pada SemuaPelajaran proyekSentuhan AkhirPelajaran proyek

Latihan sendiri: Playground Web