BananaMaster

7 - Comment récupérer les données d'un champ de saisie ( input value en JavaScript )

Si tu as oublié quelque chose — clique pour retourner à la leçon.

Task 1.

Créez deux variables e1 = 3 et f1 = 5. Affichez sur la page, dans un div avec la classe .out-1, le résultat de l'addition e1 + f1.

Task 2.

Créez deux variables e2 = '3' et f2 = 5. Affichez sur la page, dans un div avec la classe .out-2, le résultat de l'addition e2 + f2.

Task 3.

Créez deux variables e3 = 3 et f3 = 'Hello'. Affichez sur la page, dans un div avec la classe .out-3, le résultat de la multiplication des deux variables.

Task 4.

Créez deux variables e4 = 'Hello ' et f4 = 'Master'. Affichez sur la page, dans un div avec la classe .out-4, le résultat de l'addition des deux variables.

Task 5.

Créez un div et un bouton. Au clic sur le bouton, une fonction s'exécute et affiche le mot "Master" dans le div.

Task 6.

Créez un input et un bouton. Au clic sur le bouton, une fonction s'exécute et affiche dans la console ce que l'utilisateur a saisi dans l'input.

Task 7.

Créez un input avec la classe .i-7 et un bouton. Au clic sur le bouton, une fonction s'exécute et ajoute sur la page ce que l'utilisateur a saisi dans l'input. Bien "ajoute" : si vous cliquez sur le bouton une seconde fois, le texte s'ajoutera à l'ancien.

Input i-7

Task 8.

Créez un input avec la classe .i-8 et un bouton. Au clic sur le bouton, une fonction s'exécute et affiche sur la page ce que l'utilisateur a saisi dans l'input. Ajoutez la remise à zéro de l'input après le clic.

Input i-8

Task 9.

Créez deux input (i_9_1 et i_9_2) et un bouton. L'utilisateur saisit un texte dans le premier input. Au clic sur le bouton, une fonction s'exécute et affiche dans le second input le texte du premier.

Input i_9_1
Input i_9_2

Task 10.

Créez deux input (i_10_1 et i_10_2), un div et un bouton. L'utilisateur saisit un nom dans le premier input, un âge dans le second. Au clic sur le bouton, une fonction s'exécute et affiche dans le div la chaîne 'Hello nom âge', où nom vient du premier input et âge du second.

Input i-10-1
Input i-10-2