Examen Internet HTML – XML-JAVASCRIPT-CSS

Examen Internet HTML – XML-JAVASCRIPT-CSS

Examen Fin module : Programmation Web

Un restaurant vous demande de réaliser un formulaire pour qu'un client puisse commander son repas à la carte par internet.

Vous calculerez au fur et à mesure le tarif qui sera affiché dans un champ du formulaire et remis à jour lorsqu'un plat sera sélectionné. Si le tarif dépasse une certaine somme, le client aura droit à un dessert gratuit, un message d'alerte le préviendra. Lorsque la commande est prête, un clic sur le bouton Commander postera la commande au restaurant.

Étape 1 : dessin du formulaire

Le formulaire que vous devez créer comporte :

• une adresse de livraison,
• des listes de choix pour sélectionner une entrée, un plat, un dessert (prévoir dans chaque liste un item "aucun" car il n'est pas obligatoire de prendre une entrée, un plat et un dessert).
• un champ pour donner le nombre de personnes pour chaque liste de choix (par exemple, 2 personnes peuvent prendre une entrée et une seule un dessert).

N'oubliez pas de nommer les champs du formulaire afin de pouvoir y accéder dans vos scripts (attribut name dans INPUT). Un clic sur le bouton Commander provoquera l'appel de la fonction VerifierCommande()

Travail à faire :

1-Ecrire le code HTML pour créer le formulaire si dessous ( 10 points)

 

Étape 2 : Gestion du nombre de personnes

Par défaut, le nombre de personnes est à 0 lorsque l'item « aucun » est sélectionné dans la liste de choix. S'il y a 0 et qu'un plat est sélectionné il passe à 1, sinon le nombre de personnes reste inchangé.

1.      Ecrire le code  de la fonction JAVASCRIPT ChangeNbrPersonne( 2 points)

Étape 3 : vérification des données

Nombre de personnes

Il doit être compris entre 0 et une borne supérieure que vous fixerez.

2.      Ecrire le code  de la fonction JAVASCRIPT  VerifNbre( 2 points)

Adresse

3. Il faut vérifier si l'adresse est remplie et valide. Pour cela, créez une fonction AdresseValide(chaine) qui teste si la chaîne passée en paramètre est valide. La fonction teste :

• si le nombre de caractères de la chaîne est non nul ;

Cette fonction retourne false s'il y a un problème, true sinon. En cas de problème elle affiche un message d'alerte. ( 2 points)

Étape 4 : XML

On suppose que ces informations seront stockées dans un fichier Commandes.xml

1.      Donner un exemple de fichier de données XML qui contient deux commandes( 2 points)

2.      donner le fichier de définition des données DTD correspondant( 2 points)