Buat agar berfungsi!

Pelajaran 11 dari 11 dalam kursus Bilah Kemajuan Melingkar | Proyek Front-end di Coddy.

Di sini kita akan memahami logika kode JavaScript, cara kode tersebut memutar sebuah lingkaran, dan menghitung persentasenya.

(Petunjuk berisi semua solusi, tetapi cobalah sendiri terlebih dahulu, lalu kamu bisa memeriksa petunjuknya.)

Sebagai pengingat,
Untuk memilih komponen:

let component = document.querySelector(".some-class");

Untuk memperbarui teks komponen:

component.textContent = "new-text"

Untuk memperbarui gaya komponen:

component.style.background = "#fff"

Tantangan

Mudah

Pertama, kita perlu menargetkan kedua class: circular-progress dan progress-value. Kita juga perlu menyimpan tiga nilai terpisah, yaitu nilai awal, nilai akhir, dan kecepatan.
Semua proses memerlukan fungsi yang harus dipanggil dengan kecepatan tertentu. Untuk itu, kita perlu menggunakan fungsi setTimeout.
Klik muat ulang pada halaman web.

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>