Flashcard sur JavaScript et DOM

Front

Quelle est la différence principale entre `let` et `const` ?

Back

`const` ne peut pas être réaffecté, `let` peut l'être

Answer explanation

La principale différence entre `let` et `const` est que `const` ne peut pas être réaffecté une fois qu'il a été initialisé, tandis que `let` permet de réaffecter la valeur d'une variable. Cela rend `const` idéal pour les valeurs constantes.

Front

Quel est le type de données retourné par `typeof null` ?

Back

"object"

Answer explanation

En JavaScript, `typeof null` retourne 'object'. C'est un comportement historique qui peut prêter à confusion, mais c'est la raison pour laquelle la réponse correcte est 'object'.

Front

Quelle méthode permet de transformer chaque élément d'un tableau ?

Back

.map()

Answer explanation

.map() est la méthode qui permet de transformer chaque élément d'un tableau en appliquant une fonction à chacun d'eux, produisant ainsi un nouveau tableau avec les résultats. Les autres méthodes ont des fonctions différentes.

Front

Quelle syntaxe est correcte pour une fonction fléchée ?

Back

const greet = () => {}

Answer explanation

La syntaxe correcte pour une fonction fléchée est 'const greet = () => {}', car elle utilise l'opérateur '=>' après la déclaration de la constante. Les autres options ne respectent pas la syntaxe valide des fonctions fléchées.

Front

Quelle méthode ajoute un élément à la fin d'un tableau ?

Back

.push()

Answer explanation

.push() est la méthode qui permet d'ajouter un élément à la fin d'un tableau en JavaScript. Les autres méthodes, comme .pop(), .unshift() et .shift(), ont des fonctions différentes : .pop() retire le dernier élément, .unshift() ajoute au début, et .shift() retire le premier.

Front

Quelle propriété est la plus sécurisée pour modifier le texte d'un élément ?
Options: .innerHTML, .innerText, .textContent, .value

Back

.textContent

Answer explanation

.textContent est la propriété la plus sécurisée pour modifier le texte d'un élément, car elle ne permet pas d'injecter du HTML, contrairement à .innerHTML. Cela réduit les risques de vulnérabilités XSS.

Front

Comment ajouter un écouteur d'événement pour un clic ?

Back

element.addEventListener("click", function() {})

Answer explanation

La méthode correcte pour ajouter un écouteur d'événement pour un clic est 'element.addEventListener("click", function() {})'. Les autres options ne sont pas des méthodes valides en JavaScript.

Front

Comment créer un nouvel élément DIV ?

Back

document.createElement("div")

Answer explanation

La méthode correcte pour créer un nouvel élément DIV en JavaScript est 'document.createElement("div")'. Les autres options ne sont pas valides et ne fonctionneront pas pour créer un élément HTML.

Front

Quelle méthode permet de basculer une classe CSS ?

Back

.classList.toggle()

Answer explanation

.classList.toggle() est la méthode correcte pour basculer une classe CSS. Elle ajoute la classe si elle n'est pas présente et la supprime si elle l'est, facilitant ainsi la gestion dynamique des styles.

Front

Quelle méthode utiliser pour CRÉER (Create) un nouvel élément de liste ?

Back

document.createElement("li")

Answer explanation

La méthode correcte pour créer un nouvel élément de liste est 'document.createElement("li")'. Les autres options ne sont pas valides pour créer des éléments dans le DOM.