Task 1.
Créez un input avec type="range" et un bouton. Au clic sur le bouton, affichez dans la console la valeur choisie par l'utilisateur dans notre input.
Task 2.
Créez un input avec le type type="range" et un bouton. L'utilisateur doit pouvoir choisir une valeur à l'aide du curseur. Au clic sur le bouton, il faut modifier la largeur du bouton (propriété width) selon la valeur choisie dans l'input.
Task 3.
Créez un input avec type="color" et un button. Lors du changement de valeur du curseur, modifiez le fond du bouton en temps réel. ( style.background )
Task 4.
Créez un input avec le type type="range" et un div. Lors du changement de valeur du curseur, affichez en temps réel la valeur choisie à l'intérieur du div.
Task 5.
Créez deux input type="range" (height et width) et un input type="color" (background). Lors du changement des valeurs, modifiez en temps réel la taille et la couleur du bouton. (onchange)
Task 6.
Créez un input avec type="number" et un bouton. Au clic sur le bouton, changez la largeur du bouton selon le nombre indiqué dans l'input.