Quiz JavaScript : côté navigateur

Quelle propriété référence l'objet du DOM qui a envoyé un événement ?

1. self
2. object
3. target
4. source

Quelle proposition est vraie à propos de l'attribut async dans la balise HTML script ?

1. Il peut être utilisé à la fois pour du code JavaScript interne et externe.
2. Il peut être utilisé uniquement pour du code JavaScript interne.
3. Il peut être utilisé uniquement pour du code JavaScript interne et externe qui exporte une promesse.
4. Il peut être utilisé uniquement pour du code JavaScript externe.

Quelle différence il y a t'il entre les attributs async et defer de la balise HTML script ?

1. defer peut fonctionner de manière synchrone.
2. defer fonctionne uniquement avec des générateurs.
3. defer fonctionne uniquement avec des promesses.
4. defer charge les scripts de manière asynchrone et dans l'ordre.

<p class="pull">lorem ipsum</p>

Quelle instruction référence le "node" (noeud) du DOM créé par le code précédent ?

1. document.querySelector('class.pull')
2. document.querySelector('.pull');
3. document.querySelector('pull')
4. document.querySelector('#pull')

Quelle méthode annule le comportement par défaut d'un événement ?

1. cancel()
2. stop()
3. preventDefault()
4. prevent()

Quelle méthode utiliser pour rattacher un "node" (noeud) du DOM à un autre ?

1. attachNode()
2. getNode()
3. querySelector()
4. appendChild()

button.addEventListener(
  'click',
  function (e) {
    button.className = 'clicked';
  },
  false,
);

On a écrit le code précédent pour le bouton d'un formulaire, mais à chaque fois que l'on clique sur le bouton, la page se recharge. Quelle instruction permettrait d'éviter que cela arrive ?

1. e.blockReload();
2. button.preventDefault();
3. button.blockReload();
4. e.preventDefault();

Quelle instruction sélectionne tous les élements img de l'arbre du DOM ?

1. Document.querySelector('img')
2. Document.querySelectorAll('<img>')
3. Document.querySelectorAll('img')
4. Document.querySelector('<img>')

Quel événement est déclenché sur le champs texte d'un formulaire lorsqu'un utilisateur tabule vers lui ou le clique ?

1. focus
2. blur
3. hover
4. enter

Quelle paire de balises est utilisé en HTML pour contenir du JavaScript ?

1. <script></script>
2. <js></js>
3. <javascript></javascript>
4. <code></code>

Si ton app reçoit de la donnée d'un API tierce, quelle entête de réponse HTTP le serveur doit-il spécifier pour autoriser des exceptions à la règle "same-origin" ?

1. Security-Mode
2. Access-Control-Allow-Origin
3. Different-Origin
4. Same-Origin

<!--HTML Markup -->
<div id="A">
  <div id="B">
    <div id="C">Click Here</div>
  </div>
</div>

// JavaScript
document.querySelectorAll('div').forEach((e) => {
  e.onclick = (e) => console.log(e.currentTarget.id);
});

Qu'est-ce qui s'affiche lorsque l'on clique sur la div qui contient le texte "Click Here" ?

1. C B A
2. A
3. C
4. A B C

<h1 class="content">Dapelican 1</h1>
<div class="content">
  <span class="content">Dapelican 2</span>
</div>

Quelle instruction utiliser pour sélectionner l'élément contenant le texte "Dapelican 2" ?

1. document.querySelector("div.content")
2. document.querySelector("span.content")
3. document.querySelector(".content")
4. document.querySelector("div.span")

Comment ajouter un élément de donnée appelé animal avec la valeur sloth au "local storage" pour le nom de domaine actuel ?

1. LocalStorage.setItem('animal', 'sloth');
2. document.localStorage.setItem('animal', 'sloth');
3. localStorage.setItem({ animal: 'sloth' });
4. localStorage.setItem('animal','sloth');

Quelle méthode du document n'est pas utilisée pour référencer un "node" (noeud) du DOM ?

1. document.getNode();
2. document.getElementsByClassName();
3. document.querySelectorAll();
4. document.querySelector();

<script type="text/javascript">a = 5 + "9"; console.log(a);</script>

Que va afficher le code précédent lorsqu'il est exécuté ?

1. Compilation Error.
2. 14.
3. Runtime Error.
4. 59

Quelle méthode peut être utilisée pour afficher de la donnée en utilisant JavaScript ?

1. document.write()
2. console.log()
3. window.alert()
4. Toutes les autres solutions.

Quelle proposition s'applique à l'attribut defer de la balise HTML <script> ?

1. defer permet au navigateur de continuer à traiter la page pendant le script charge en arrière plan.
2. defer force le script à être chargé depuis le "backup content delivery network".
3. defer empêche le navigateur de traiter l'HTML en dessous de la balise tant que le script n'est pas complètement chargé.
4. defer charge le script en mode "lazy", causant son chargement uniquement lorsqu'il est appelé par un autre script dans la page.

<h2 id="cleverest">girls</h2>

Commment changer la couleur du titre précédent en rose ?

1. document.getElementByName("cleverest").style.color = "pink";
2. document.getElementsByTagName("h2").style.color = "pink";
3. document.getElementByName("h2").style.color = "pink";
4. document.getElementById("cleverest").style.color = "pink";