mission JavaScript

Etape 1 variable, affichage et saisie

Afficher bonjour grâce à JS dans une page HTML.

Sortir le code JS dans une page externe et exécuter le script sur la page HTML.

Permettre la saisie du nom et du prénom et afficher une phrase contenant les deux.

Permettre la saisie de deux nombre et afficher le résultat (il faut utiliser la fonction parseInt(valeur) pour transformer la saisie qui est une chaine en nombre.

Etape 2 les conditions if else

Demander à l’utilisateur de saisir un nombre, afficher s’il est supérieur ou inférieur à 20.

Etape 3 la condition switch

Réaliser un menu qui permette d’additionner, de soustraire, de multiplier ou de diviser deux nombres.

Etape 4 les boucles

Ecrire une boucle qui permette d’additionner 5 nombres saisie par l’utilisateur et d’afficher le résultat.

Ecrire une boucle qui permette de multiplier les nombres saisis par l’utilisateur tant qu’il le souhaite, choisir sa condition de sortie.

Etape 5 les fonctions

Réaliser une fonction qui affiche bonjour avec votre nom.

Réaliser une fonction qui prenne en paramètre un argument et qui affiche « bonjour » + l’argument

L’appel de cette fonction se fera à la suite en écrivant tout simplement le nom de la fonction et le paramètre voulu. Permettre à l’utilisateur de saisir l’argument.

Etape 6 les tableaux

Enregistrer 10 nombres dans un tableau et les afficher dans l’ordre croissant.

Etape 7 contrôle d’éléments

Réaliser un formulaire qui contient plusieurs champs de saisis : un message HTML bonjour dans une balise span possédant un identifiant, un champ nom, deux champs mot de passe et un champ date d’inscription.

On vérifiera en JS les conditions suivantes :

  1. Login : Pas moins de 4 caractères
  2. Mot de passe : Pas moins de 4 caractères avec au moins un chiffre
  3. Mot de passe (confirmation) : Doit être identique au premier mot de passe
  4. Date de création : date antérieur de 3 mois minimum à aujourd’hui.

Etape 8 Modification ou ajout d’éléments

Apres l’affichage d’une boite de dialogue de saisie, modifier le champ dans la page HTML qui affiche bonjour par une phrase saisie par l’utilisateur

Ajouter un champ de saisie d’un nom avant le login grâce au JS.

Etape 9 Evènements

Ajouter un bouton de validation à votre formulaire.

Supprimer ce bouton grâce à JS lors du passage de la souris dessus.

Etape 10 Evènement clavier et CSS

Modifier la couleur du champ login lorsque l’utilisateur clique sur la touche c sur l’élément login.

 

 

2018-07-02T21:58:53+00:00By |Tags: |

Leave A Comment