20 lines
899 B
Markdown
20 lines
899 B
Markdown
|
# C3_TRAINING_DOM
|
||
|
|
## Contexte
|
||
|
|
Dans ce projet, vous allez utiliser ce que vous avez appris et le mettre en pratique dans une démo, en utilisant JavaScript et CSS pour créer une `horloge analogique` fonctionnelle.
|
||
|
|
|
||
|
|
## Déroulement
|
||
|
|
Pour commencer, vous avez un document HTML contenant une image SVG d'une horloge avec les aiguilles des heures, des minutes et des secondes. Par la suite, vous allez utiliser :
|
||
|
|
|
||
|
|
- Des `objets` et des méthodes pour obtenir l'heure actuelle
|
||
|
|
|
||
|
|
- Des `variables` pour stocker l'information
|
||
|
|
|
||
|
|
- Des `méthodes` pour décomposer cette heure en heures, minutes et secondes
|
||
|
|
|
||
|
|
- Des `opérateurs` pour traduire cette information en degrés sur un cercle
|
||
|
|
|
||
|
|
- Les `propriétés des éléments DOM` pour positionner correctement les aiguilles
|
||
|
|
|
||
|
|
Le résultat final sera une horloge analogique simple, mais précise, que vous pourrez placer sur n'importe quelle page web à l'avenir.
|
||
|
|
|