899 B
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.