Skip to main content
depInfo
  • English ‎(en)‎
    English ‎(en)‎ Français ‎(fr)‎
You are currently using guest access (Log in) [+]

S2 - R2.02 - JavaScript

  1. Home
  2. Courses
  3. 1ère année - FI
  4. JavaScript-S2
  5. Topic 2
  6. Sujet 2
Completion requirements

3.3


On voudrait que "Bonjour !" soit complété avec le nom tapé dans le champs texte, à chaque fois qu'on appuie sur une touche.

Pour y arriver, on va suivre la même idée que dans les programmes précédents:

  • on veut réagir à un événement (ici: la touche). On veut que notre fonction "touche_nom_relachee" soit appelée quand l'utilisateur relâche une touche dans le champs texte nom.
  • Ensuite, dans cette fonction, on copiera le contenu du champs texte vers le span "affiche-nom".

Commençons par le début:

Que faut-il écrire pour créer une variable "inputNom" avec l'élément ayant l'id "nom" (utilisez le sélecteur pour l'id)

Blocks

Skip Lesson menu

Lesson menu

Skip navigation
  • 1. Bienvenue au 2e sujet
  • 2. Révisions
  • 3. Champs texte
  • 4. Jeu Morpion
  • 5. Fonctions anonymes
  • 6. Class
  • 7. Rappels : sélecteurs CSS
  • 8. Compositions de sélecteurs
  • 9. Priorité des sélecteurs
  • 10. Onglets
  • 11. Onglets : HTML/CSS
  • 12. Onglets : JS
Skip Navigation

Navigation

  • Home

    • Site pages

      • My courses

      • Tags

    • My courses

    • Courses

      • 1ère année - FI

        • 1ère année - FI-1

        • Intro Science Po

        • EcoTransition & Sustainability

        • S1.01

        • Initiation dév

        • R103

        • R105

        • Web S1

        • SAE103

        • SAE 1.05

        • JavaScript-S2

          • General

          • Topic 1

          • Topic 2

            • LessonSujet 2

          • Topic 3

          • Topic 4

          • Topic 5

          • Topic 6

          • Topic 7

          • Topic 8

          • Topic 9

          • Topic 10

      • 2ème année - FI

      • 3ème année - FI

      • AS/FC

      • SD

      • Anciens cours

Supplementary blocks

You are currently using guest access (Log in)
JavaScript-S2
  • English ‎(en)‎
    • English ‎(en)‎
    • Français ‎(fr)‎
Data retention summary