Task 1.
Créez un input avec type="number" et un bouton. Au clic sur le bouton, affichez le nombre saisi par l'utilisateur augmenté de 5.
Task 2.
Créez deux input avec type="number". Au clic sur le bouton, affichez leur différence (le premier moins le second).
Task 3.
Créez un input avec type="date" et un bouton. Au clic sur le bouton, affichez la date choisie.
Task 4.
Créez un input avec type="date", un bouton et une liste vide <ul> avec la classe .out-4. L'utilisateur choisit une date dans l'input. Au clic sur le bouton, une fonction s'exécute, crée une nouvelle balise <li> avec la date choisie et l'ajoute à la liste. Utilisez la concaténation de chaînes ('<li>' + ...) et la notation abrégée. Important : chaque nouveau clic ajoute un nouvel élément à la liste.
Task 5.
Créez un input avec type="color" et un bouton. Au clic sur le bouton, la couleur choisie s'affiche dans un div sous forme de texte. Le résultat ressemblera à #0f0f0f (il peut varier selon le navigateur, mais si quelque chose s'affiche — c'est que tout est correct).
Task 6.
Créez un input avec type="color" et un bouton. Au clic sur le bouton, son fond change pour la couleur choisie dans le champ input. Utilisez pour cela ( style.background = )
Task 7.
Créez un input avec type="color" et un bouton. Au clic sur le bouton, la couleur de son texte change pour la couleur choisie dans le champ input. Utilisez pour cela ( style.color = ). Remarque : nous avons remplacé background par color pour changer la couleur du texte du bouton, et non son fond.
Task 8.
Créez un input avec type="color", une balise <h1> avec le texte "Hello" et un bouton. Au clic sur le bouton, changez la couleur de fond du texte dans le h1 pour celle choisie dans le champ input. Utilisez pour cela ( style.background = )
Task 9.
Créez trois input avec type="number" et un bouton. Au clic sur le bouton, affichez dans la console la moyenne arithmétique des trois nombres. Formule : ( inp1 + inp2 + inp3 ) / 3