Valeur de cette activité : 5 points
Compétence :
16- Javascript : Objet Formulaire

A-Module 04 : JAVASCRIPT : 5 points - difficulté : 2

L'objet form

Présentation

L'objet formulaire du langage Javascript permet de faire référence à tous les objets d'un formulaire (champs, action, boutons,...). Cet objet est fréquemment utilisé afin de valider le contenu d'un champ. Voyons comment utiliser cet objet afin de créer un questionnaire.

Description

  1. Ajoutez une page à votre portfolio en affichant les assitants HTML, FORMULAIRE et JAVASCRIPT ainsi que la directive 9160
  2. Inscrivez dans le champ titre : Javascript : Objet Formulaire
  3. Sélectionnez la matière : informatique
  4. Inscrivez dans le champ No de la directive : 9160
  5. Cliquez le bouton NOUVEAU afin d'insérer le code d'une page HTML de base.
  6. Inscrivez dans votre page le titre de niveau 1 : Javascript : Objet Formulaire
  7. Insérez à la suite en utilisant le bouton FORMULAIRE un formulaire nommé formulaire1
  8. Insérez dans ce formulaire la question suivante "Quel est le mot javascript qui permet de créer une fonction?"

    Vous savez bien que la réponse à cette question est : function
  9. Insérez à la suite de cette question un saut de ligne
  10. Insérez dans ce formulaire en utilisant le bouton CHAMP TEXTE un champ de type texte nommé reponse1
  11. Insérez à la suite un saut de ligne
  12. Insérez à la suite en utilisant le bouton BOUTON, le bouton nommée "Vérification" qui lancera la fonction validereponse1() en utilisant l'évènement onclick : <INPUT TYPE="button" VALUE="Vérification" onClick="validereponse1()">
  13. En en-tête de page, insérez en utilisant le bouton JAVASCRIPT, le code qui définit un bloc javascript.
  14. Dans ce code, insérez en utilisant le bouton FONCTION, la fonction validereponse1()
  15. Insérez dans cette fonction, la variable nommée strReponse1 qui contiendra la valeur inscrite dans le champ reponse1 du formulaire FORMULAIRE. var strReponse1=document.formulaire1.reponse1.value
  16. Insérez à la suite en utilisant le bouton SI, la structure conditionnelle si.
  17. Entre les parenthèses de cette structure, inscrivez le code de vérification de la variable strReponse1 en utilisant la fonction javascript toLowerCase() qui forcera l'utilisation de lettres minuscules pour traiter la variable. if ( strReponse1.toLowerCase() == "function" )
  18. Dans la première série d'accolades {} de la structure SI, inscrivez le code javascript d'un message alert() qui affichera le mot Bravo!. Donc, si la réponse est bonne (function), afficher Bravo! alert ("Bravo!");
  19. Dans la deuxième série d'accolades {} de la structure SI (suivant le mot else), inscrivez le code javascript d'un message alert() qui affichera les mots Mauvaise réponse. Donc, si la réponse est mauvaise , afficher Mauvaise réponse. alert ("Mauvaise réponse.");

  20. Insérez à la suite de cette fonction (avant la dernière fermeture d'accolade) le code qui effacera la réponse inscrite par le visiteur .

    document.formulaire1.reponse1.value=''


  21. En utilisant les connaissances acquises dans cette activité, ajoute maintenant deux autres questions concernant la langage javascript selon le modèle de de la question 1.
    FAITES ATTENTION À NE PAS NOMMER VOS FORMULAIRES ET FONCTIONS EN UTILISANT LES MÊMES NOMS.
  22. Visualisez votre page et apportez des modifications au besoin.