גרמו לזה לעבוד!

שיעור 11 מתוך 11 בקורס מד התקדמות מעגלי | פרויקט Front-end של Coddy.

כאן נבין את ההיגיון של קוד JavaScript, כיצד הוא יסובב מעגל, ואת ספירת האחוזים.

(הרמזים כוללים את כל הפתרונות, אבל נסו קודם בעצמכם, ואז תוכלו לבדוק את הרמזים.)

כתזכורת,
כדי לבחור רכיב:

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

כדי לעדכן את הטקסט של רכיב:

component.textContent = "new-text"

כדי לעדכן את הסגנון של רכיב:

component.style.background = "#fff"

אתגר

קל

ראשית, עלינו לבחור את שתי המחלקות: circular-progress ו־progress-value. כמו כן, עלינו לשמור שלושה ערכים נפרדים: ערך ההתחלה, ערך הסיום והמהירות.
כל התהליכים זקוקים לפונקציה שיש לקרוא לה במהירות מסוימת, ולשם כך עלינו להשתמש בפונקציה setTimeout.
לחצו על רענון בדף האינטרנט.

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתוב כאן קוד HTML -->
        <script src="script.js"></script>
    </body>
</html>