Worksheets52355429-a189-4d5f-8ac0-0994b9be5411
Total questions: 34
Worksheet time: 3600secs
Où place-t-on généralement la balise <script> pour optimiser le chargement d’une page web ? (Plusieurs réponses possibles)
Dans le <head> avec l'option defer
Juste avant la fermeture de la balise </body>
En tout début de balise <body>
Entre deux balises <div>
Quel est le type d’une variable contenant du texte en JavaScript ?
integer
boolean
string
float
Parmi les structures suivantes, laquelle représente correctement la structure complète et bien formée d'un fichier HTML ?
<!DOCTYPE html>
<html>
<head>
<title>Page Titre</title>
</head>
<body>
<header>
<nav>
<h1>Bienvenue</h1>
</nav>
</header>
<main>
<section>
<p>Contenu principal.</p>
</section>
</main>
<footer>
<p>Pied de page.</p>
</footer>
<script src="script.js"></script>
</body>
</html?>
<!DOCTYPE html>
<html>
<head>
<title>Page Titre</title>
</head>
<body>
<header>
<nav>...</nav>
</header>
<main>
<section>
<p>Contenu principal.</p>
</section>
<h1>Bienvenue</h1>
</main>
<footer>
<p>Pied de page.</p>
</footer>
<script src="script.js"></script>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Page Titre</title>
</head>
<body>
<header>
<nav>...</nav>
</header>
<main>
<section>
<h1>Bienvenue</h1>
<p>Contenu principal.</p>
</section>
</main>
<footer>
<p>Pied de page.</p>
</footer>
<script src="script.js"></script>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Page Titre</title>
</head>
<body>
<header>
<nav>...</nav>
</header>
<main>
<section>
<h1>Bienvenue</h1>
<p>Contenu principal.</p>
</section>
</main>
<footer>
<p>Pied de page.</p>
</footer>
<script src="script.js"></script>
</body>
</html>
Quelle est la syntaxe correcte pour déclarer une constante en JavaScript ?
const number = 10;
constant number = 10;
var number = 10;
let number = 10;
Quel type de variable est utilisé pour stocker des valeurs vraies ou fausses ?
String
Number
Boolean
Object
Quelle est la sortie de la condition suivante ?
let x = 5;
if (x > 10) {
console.log("Grand");
} else {
console.log("Petit");
}
Rien
"Grand"
"Petit"
Erreur
Quelles approches permettent de parcourir chaque élément d’un tableau et d’exécuter une fonction sur chacun de ces éléments ? (Plusieurs réponses possibles)
for
forEach
map
while
Quelle méthode est couramment utilisée en JavaScript pour déboguer en affichant des informations dans la console ?
console.error()
console.log()
console.warn()
console.debug()
Comment déclare-t-on une variable dont la valeur peut être modifiée ?
const
let
variable
fixed
Quelle méthode permet d’ajouter un élément à la fin d’un tableau existant en JavaScript ?
push()
pop()
shift()
unshift()
Quelle méthode permet de supprimer le premier élément d’un tableau en JavaScript ?
push()
pop()
shift()
unshift()
Comment sélectionne-t-on un élément HTML avec l’id "monElement" en JavaScript ? (Plusieurs réponses possibles)
document.querySelector("#monElement")
document.getElementById("monElement")
document.getElementsById("monElement")
document.getElementsByTagName("#monElement")
Quel événement doit-on utiliser lors de l'écoute d'un événement pour détecter le clic de l'utilisateur sur un élément ?
onhover
onclick
hover
click
Quelle propriété en JavaScript permet de modifier le contenu textuel d’un élément HTML sélectionné ?
innerHTML
textContent
value
innerText
Quelle méthode est utilisée pour créer un nouvel élément HTML en JavaScript ?
createElement
createNode
newElement
makeElement
Quelle est la syntaxe correcte pour utiliser une condition ternaire en JavaScript ?
condition ? expression1 : expression2;
if(condition) { expression1 } else { expression2 }
condition : expression1 ? expression2;
condition ? expression1, expression2;
Quelle est la bonne syntaxe permettant d'extraire les éléments d'un objet ?
let user = {name : "Margaux", age: 25, city: "Lille"}; ?
{name, age, city} = user;
[name, age, city]= user;
user.name, user.age, user.city = user;
[{name}, {age}, {city}] = user;
Que retourne la méthode filter() appliquée à un tableau en JavaScript ?
Les éléments du tableau qui correspondent à une condition
Les indices des éléments qui correspondent à une condition
Le premier élément filtré
Rien, elle modifie le tableau existant
Quelle est la bonne pratique de nommage pour les variables en JavaScript ? (Plusieurs réponses possibles)
Utiliser des noms clairs et significatifs
Tout écrire en majuscules
Utiliser CamelCase (ex : maVariableTest)
Insérer des espaces dans les noms de variables
Dans l’instruction suivante, que représente === ?
if (a === b) {
console.log('a est égale à b');
}
Une affectation de valeur à la variable a
Une comparaison d’égalité stricte
Une concaténation de deux chaînes de caractères
Une comparaison d’égalité
Laquelle de ces syntaxes permet de démarrer une boucle for en JavaScript ?
for (i : 0 → 10) { ... }
for (i <= 10; i++) { ... }
for (let i = 0 > 10; i++) { ... }
for (let i = 0; i < 10; i++)
{ ... }
Quelle est la syntaxe correcte pour une fonction fléchée qui additionne deux nombres ?
let somme = (a, b) => { return a + b; };
function somme(a, b) => a + b;
function => somme(a, b) { return a + b; }
arrow somme(a, b) { a + b; }
Parmi ces choix, lequel retourne toujours le premier élément correspondant au sélecteur CSS passé en paramètre ?
document.getElementsByClassName()
document.getElementByTagName()
document.querySelector()
document.querySelectorAll()
Qu’affiche la fonction console.log() en JavaScript ?
Un message d’erreur dans la console du navigateur
Un avertissement (warning) dans la console du navigateur
Un message dans la console du navigateur
Rien, c’est une fonction vide
Quelle syntaxe doit-on ajouter pour écouter un événement au survol sur un bouton après l'avoir defini ?
const button = document.getElementsByTagName("button");
button.addEventListener('hover', () => {})
button.listenEvent('hover', () => {})
button.NameEventListener('hover', () => {})
button.newEventHandler('hover', () => {})
Dans un document HTML, pourquoi utiliser les feuilles de style (CSS) en externe plutôt qu’en interne ? (Plusieurs réponses possibles)
Pour simplifier la maintenance du code
Pour accélérer le chargement global du site dans certains cas
Parce que le CSS en interne n’est pas autorisé
Pour réutiliser la même feuille de style sur plusieurs pages
Laquelle de ces propositions est correcte pour créer un objet en JavaScript ?
let obj = [ clef: "valeur", autreClef: 42 ];
let obj = { clef: "valeur", autreClef: 42 };
let obj = ( clef: "valeur"; autreClef: 42 );
let obj = < clef = "valeur", autreClef = 42 >;
Pour vérifier si une variable x est strictement différente de 10, on écrit :
if (x != 10) { ... }
if (x !== 10) { ... }
if (x <> 10) { ... }
if (x isNot 10) { ... }
Quel est l’intérêt principal d’utiliser document.createElement("div") plutôt que d’écrire directement <div> dans le HTML ? (Plusieurs réponses possibles)
Permet de créer des éléments dynamiquement via JavaScript
Évite le rechargement complet de la page lors de l’ajout d’un élément
Permet de générer automatiquement un style CSS par défaut
Rend la page plus rapide dans tous les cas
Dans un formulaire HTML, à quoi sert la propriété name d’un champ input ?
<input name="city" placeholder="Votre ville...">
À donner un nom de variable côté JavaScript uniquement
À renommer la balise <input> en <name>
À identifier la donnée lors de l’envoi du formulaire
À obliger la saisie d’un champ
Quelle méthode JavaScript insère un nouvel enfant à la fin d’un élément parent dans le DOM ?
insertChild()
addElement()
appendChild()
pushDOM()
À quoi sert new FormData(formulaire) en JavaScript ?
Créer un nouvel élément <form> dans le DOM
Envoyer immédiatement le formulaire à la base de données
Créer un objet facilitant la récupération des données d’un formulaire
Vérifier la validité des champs d’un formulaire selon le HTML5
Quelle balise HTML utilise-t-on pour lier un fichier JavaScript externe ?
<script src="chemin.js"></script>
<js src="chemin.js"></js>
<javascript src="chemin.js"></javascript>
<scriptFile src="chemin.js"></scriptFile>
Pour tester plusieurs valeurs d’une même variable, on utilise :
if ... else if ... else if ... else if ... else
Switch
Une boucle while
try et catch
