Aller au contenu

Rendre une page web interactive avec JavaScript

Fiche de révision · Développement web · 4e

L'essentiel du cours

  1. Chapitre 1 : JavaScript, le cerveau interactif de la page

    JavaScript ajoute des réactions et des actions à une page web.

  2. Chapitre 2 : Réagir à un clic avec un événement

    addEventListener relie un événement à une fonction.

  3. Chapitre 3 : Changer le contenu et le style avec le DOM

    JavaScript modifie la page en passant par le DOM.

  4. Chapitre 4 : Faire des choix et vérifier son code

    Les conditions permettent d’adapter la réaction de la page.

Teste-toi · 8 questions

  1. 1.Quel est le rôle principal de JavaScript dans une page web ?

    Voir la réponse

    Réponse : Ajouter des interactions et des réactions

    JavaScript ajoute des réactions aux actions de l’utilisateur, comme les clics.

  2. 2.Quelle technologie gère l’apparence d’une page web ?

    Voir la réponse

    Réponse : CSS

    CSS s’occupe des couleurs, des marges, des polices et de la mise en forme.

  3. 3.Quel code sélectionne l’élément dont l’id est bouton ?

    Voir la réponse

    Réponse : document.querySelector('#bouton')

    Avec querySelector, on utilise # devant un id pour le sélectionner.

  4. 4.Que signifie l’événement click ?

    Voir la réponse

    Réponse : Un clic de l’utilisateur

    L’événement click est déclenché quand l’utilisateur clique sur un élément.

  5. 5.Quelle propriété permet de modifier le texte affiché dans un élément ?

    Voir la réponse

    Réponse : textContent

    textContent remplace ou lit le texte contenu dans un élément.

  6. 6.Que fait classList.add('actif') ?

    Voir la réponse

    Réponse : Ajoute la classe actif à un élément

    classList.add ajoute une classe CSS à un élément pour changer son style.

  7. 7.À quoi sert une condition if en JavaScript ?

    Voir la réponse

    Réponse : Exécuter du code seulement si un test est vrai

    if vérifie une condition puis exécute le code seulement si le résultat est vrai.

  8. 8.Où peut-on voir les messages de console.log dans le navigateur ?

    Voir la réponse

    Réponse : Dans la console des outils de développement

    console.log affiche des messages dans la console, utile pour tester et corriger.