QCM Javascript – Partie 33

QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses sont tirés d’un vrai entretien écrit et certaines parties sont en direct.
 
 

1. Repérez l’erreur dans ce code :

let btn = document.getElementById('click');
btn.onClick = function() {
   console.log('Hello World!');
};

A Gestionnaire d’événement incorrect

B Élément manquant avec l’identifiant « click »

C Erreur de syntaxe dans la fonction

D Pas d’erreur

2. Qu’est-ce qu’un événement dans le contexte de JavaScript ?

A Une action de l’utilisateur telle qu’un clic de souris

B Un changement dans l’état du programme

C Une réponse du serveur

D Toutes les réponses ci-dessus

3. Quelle méthode est couramment utilisée pour attacher un gestionnaire d’événements à un élément en JavaScript ?

A addEventListener()

B attachEvent()

C onEvent()

D bindEvent()

document.addEventListener("click", myFunction);

function myFunction() {
  console.log("Hello World");
}

4. Qu’est-ce que le bouillonnement(bubbling) d’événements en JavaScript ?

A Lorsqu’un événement sur un élément fils est également déclenché sur les éléments parents.

B Lorsqu’un événement déclenche une requête du serveur

C Lorsqu’un événement se produit de façon répétée dans un court laps de temps

D Lorsqu’un événement ne se déclenche pas

5. Lequel des éléments suivants n’est pas un événement souris en JavaScript ?

A onclick

B onmouseover

C onmousemove

D onchange

6. Comment arrêter la propagation des événements en JavaScript ?

A event.stop()

B event.preventDefault()

C event.stopPropagation()

D event.pause()

7. Que fait ce code ?

element.addEventListener('click', function() {
   console.log('Élément cliqué');
});

A Affiche un message lorsque l’élément est double-cliqué

B Modifie le style de l’élément lorsqu’il est cliqué

C Affiche un message lorsque l’élément est cliqué

D Soumet un formulaire lorsque l’élément est cliqué

8. Quel sera le résultat de ce code si div1 se trouve à l’intérieur de div2 dans la structure HTML?

document.getElementById('div1').addEventListener('click', function(event) {
   console.log('div1 cliqué');
   event.stopPropagation();
});
document.getElementById('div2').addEventListener('click', function() {
   console.log('div2 cliqué');
});

A Seul le message « div1 cliqué » sera affiché.

B Seul le message « div2 cliqué » sera affiché

C Les deux « div1 cliqué » et « div2 cliqué » seront affichés

D Aucun message ne sera affiché

9. Que signifie AJAX dans le domaine du développement web ?

A Asynchronous JavaScript And XML

B Automated JavaScript And XHTML

C Advanced JavaScript And XML

D Asynchronous Java And XML

10. Quel est le principal avantage de l’utilisation d’AJAX dans une application web ?

A Temps de réponse plus rapide du serveur

B Une sécurité accrue

C Réduction de la charge du serveur et des requêtes asynchrones

D Simplification des exigences de codage