PRÉSENTATION DU COURS

Projet - Choose my color

Choisir la couleur de fond d'un élément à partir d'une couleur

Choose my background

Projet assez similaire au précédent, ici nous allons gérer directement un champ texte pour récupérer la couleur que veut l'utilisateur

Consignes

Vous pouvez repartir du projet précédent pour celui ci

Réalisez une page permettant de faire les choses suivantes :

  • Avoir un titre expliquant ce que l’on doit faire
  • Un champ texte nous permettant d'entrer une couleur
  • Un bouton permettant de valider le changement de couleur de fond
  • Lorsque l’on clique sur le bouton la couleur du fond doit changer
  • Lorsque la couleur est claire, tout le texte doit être en noir
  • Lorsque la couleur est foncée le texte doit être en blanc
  • Si le champ texte est vide quand l'utilisateur cloque sur le bouton, une erreur doit s'afficher

PRO TIP: Utilisez code sandbox pour faire les exercices sans vous prendre la tête

La correction

Si vous avez fini, ou que vous êtes vraiment coincé vous pouvez aller voir directement la correction

Ne faites pas cela par facilité, vous n'apprendrez rien de cette manière

Envie de discuter du contenu ?

logo twitter @GarnierKristen