Valeur de cette activité : 5 points
Compétence :
35- Javascript et DOM - Document Object Model

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

Javascript et DOM - Document Object Model

Présentation

DOM est un schéma pour langages de programmation qui permet d'accéder à des éléments de HTML. Voyons ce que l'on peut faire avec javascript et DOM.
Pour en connaître davantage, consultez http://www.w3schools.com/js/js_examples_3.asp ou http://openweb.eu.org/dom/

Description

Dans ce travail, vous devrez créer un formulaire qui vous permettra d'inscrire les notes de vos différents travaux dans des champs de formulaire.
Le DOM vous permettra d'ajouter autant de champs que vous en aurez besoin.
  1. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 42107
  2. Inscrivez dans le champ titre : Javascript et DOM - Document Object Model
  3. Sélectionnez la matière : informatique
  4. Inscrivez dans le champ no de la directive : 42107
  5. Inscrivez dans votre page le titre de niveau 1 : Javascript et DOM - Document Object Model
  6. Ajoutez un formulaire à votre page.
  7. Ajoutez ensuite un champ de type texte nommé TITRE(et Étiquette TITRE DE L'EXAMEN).
  8. Ajoutez ensuite un champ de type texte nommé RES (et Étiquette RÉSULTAT).
  9. Ajoutez ensuite un BOUTON qui lancera la fonction AJOUTERDESCHAMPS().
  10. Ajoutez ensuite un BOUTON de type SUBMIT qui lancera l'Action du formulaire.
  11. Écrivez ensuite le code javascript de cette fonction (qui doit OBLIGATOIREMENT utilisé la méthode createElement() ) qui vous permettra d'ajouter AVANT LE BOUTON SUBMIT :
    - un saut de ligne et UN AUTRE champ de type texte nommé TITRE (et Étiquette TITRE DE L'EXAMEN)
    - un saut de ligne et UN AUTRE champ de type texte nommé RES (et Étiquette RÉSULTAT)


    Pistes de solution :
    - Utilisez la méthode createElement() du langage javascript
    - Utilisez Google au besoin avec les mots de recherche : javascript createElement() ou javascript DOM ou javascript DOM insertBefore , ...
    - Consultez ce site http://www.rcweb.fr/web/dom.html
    - Consultez ces lien http://pierremorissette.ca/#js
  12. Visualisez votre page et apportez des modifications au besoin.