Menu
CoddyTech
Mulai belajar

Posisi Acak

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

Untuk mendapatkan angka acak (0 sampai 1) di JavaScript, gunakan:

Math.random()
challenge icon

Tantangan

Mudah

Pada pelajaran sebelumnya, kita mengubah posisi awan melalui kode JavaScript. Sekarang, mari acak posisinya.

Buat awan muncul di posisi acak menggunakan property style top dan left.

Atur nilainya secara acak antara 0% dan 100%.

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