/C3_Training_DOM_Montre-Analogue

Primary LanguageHTML

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 contenir 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.