Aller au contenu

QCM

Rappel

Les questions ci-dessous sont là pour vous aider à contrôler ce que vous avez retenu.
Si vous ne répondez pas à toutes les questions sans hésitation, c'est sans doute qu'il faut retravailler les pages précédentes.

Pour chaque question, il faut trouver la (ou les) bonne(s) réponse(s).

QCM 1

On considère le code JavaScript ci-dessous, en interaction avec un fichier HTML représentant les onglets d'une barre de navigation :

1
2
3
4
5
function BoutonGris() {
    var btn = document.createElement("BUTTON");
    btn.innerHTML = "Annulation";
    document.getElementById("DIV").appendChild(btn);
}

Quel est l'action de la fonction BoutonGris() ?

  • Elle remplace un élément DIV par un bouton.
  • Elle annule l'élément BUTTON.
  • Elle crée un bouton comportant le texte "Annulation".
  • Elle recherche le bouton "BUTTON" et crée une copie appelée "btn".
Réponse
  • Elle remplace un élément DIV par un bouton.
  • Elle annule l'élément BUTTON.
  • Elle crée un bouton comportant le texte "Annulation".
  • Elle recherche le bouton "BUTTON" et crée une copie appelée "btn".

QCM 2

On souhaite qu’un menu apparaisse à chaque fois que l’utilisateur passe sa souris sur l’image de bannière du site. L’attribut de la balise <img> dans lequel on doit mettre un code JavaScript à cet effet est :

  • onclick
  • src
  • alt
  • onmouseover
Réponse
  • onclick
  • src
  • alt
  • onmouseover

L'événement écouté est mouseover. Puisque son écoute est placée directement dans une balise du fichier HTML, ce nom d'événement est précédé du préfixe « on ».

QCM 3

Une page HTML comporte ce bout de code :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<article>
    <h1>Les auteurs de ce site</h1>
    <button onclick="auteurs()">Appuyer ici</button>
</article>

<script src="java_script/ScriptJava.js"></script>

<script>
    function auteurs() {
        alert("Auteurs anonymes");
    }
<\script>

Quel sera le résultat d’un clic sur le bouton "Appuyer ici" ?

  • Rien
  • La page du navigateur se fermera
  • La page affichera à la place du bouton "Appuyer ici" le message "Auteurs anonymes"
  • Cela provoquera l’ouverture d’une fenêtre comportant le message "Auteurs anonymes"
Réponse
  • Rien
  • La page du navigateur se fermera
  • La page affichera à la place du bouton "Appuyer ici" le message "Auteurs anonymes"
  • Cela provoquera l’ouverture d’une fenêtre comportant le message "Auteurs anonymes"

QCM 4

Dans une page HTML, lequel de ces codes permet la présence d'un bouton qui appelle la fonction JavaScript afficher_reponse() lorsque l'utilisateur clique dessus ?

  • <a href="afficher_reponse()">Cliquez ici</a>
  • <button if_clicked="afficher_reponse()">Cliquez ici</button>
  • <button value="Cliquez ici"><a> afficher_reponse()</a></button>
  • <button onclick="afficher_reponse()">Cliquez ici</button>
Réponse
  • <a href="afficher_reponse()">Cliquez ici</a>
  • <button if_clicked="afficher_reponse()">Cliquez ici</button>
  • <button value="Cliquez ici"><a> afficher_reponse()</a></button>
  • <button onclick="afficher_reponse()">Cliquez ici</button>

QCM 5

Lors de la consultation d’une page HTML contenant un bouton auquel est associée la fonction suivante :

1
2
3
function action(event) {
    this.style.color = "blue"
}

Que se passe-t-il quand on clique sur ce bouton ?

  • le texte de la page passe en bleu
  • le texte du bouton passe en bleu
  • le texte du bouton est changé et affiche maintenant le mot "blue"
  • le pointeur de la souris devient bleu quand il arrive sur le bouton
Réponse
  • le texte de la page passe en bleu
  • le texte du bouton passe en bleu
  • le texte du bouton est changé et affiche maintenant le mot "blue"
  • le pointeur de la souris devient bleu quand il arrive sur le bouton

QCM 6

Quel est le nom de l’événement généré lorsque l’utilisateur clique sur un bouton de type <button> dans une page HTML ?

  • action
  • mouse
  • submit
  • click
Réponse
  • action
  • mouse
  • submit
  • click