wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Mega Quizz 🎁

Total questions: 18

Worksheet time: 12mins

Name
Class
Date
1.

Que vaut :

(5 > 3 && "hello" === "hello") || !true

(a)  

2.

Comment s'appelle la fonction JavaScript qui permet de faire des requêtes HTTP ?

(a)  

3.

Qu'est-ce que le padding ?

a)

Une bordure autour d'un élément HTML

b)

La taille de la police d'un élément HTML

c)

L'espace entre le bord d'un élément HTML et son contenu

d)

Une propriété qui permet d'ajouter un arrière-plan coloré à un élément HTML

4.

Qu'affiche la console :

const data = "heLlo";

if (data.toUpperCase() === "HELLO") {

console.log("test");

}

console.log("pas test");

a)

test

b)

pas test

c)

test

pas test

d)

Rien

5.

Quelle balise permet d'afficher un lien ?

a)

<p>

b)

<a>

c)

<link>

d)

<script>

6.

Comment sélectionner toutes les div en CSS ?

a)

div {

...

}

b)

#div {

...

}

c)

.div {

...

}

d)

html[type='div'] {

...

}

7.

Qu'affiche la console, considérant que un GET sur url/de/api renvoie toujours {"user": "moi"} :

function test() {

const data = await fetch("url/de/api");

const res = await data.json();

console.log(data)

}

a)

{"user": "moi"}

b)

moi

c)

Il y a une erreur

d)

Rien

8.

Comment s'appelle le moteur qui permet au navigateur de lire du JavaScript ?

a)

NodeJS

b)

Rust

c)

V8

d)

Firefox

9.

De quel type est cette variable :

const test = {

name: "Rocket"

}

a)

String

b)

Array

c)

Object

d)

Boolean

10.

Que vaut res :

const data = [12, "hello", "world", 42];

const res = data[0] + data[2] + "s"

(a)  

11.

Comment récupérer un élément HTML en JavaScript en utilisant le DOM ?

a)

document.getElementById(...)

b)

document.querySelector(...)

c)

document.createElement(...)

d)

html {

...

}

12.

Pourquoi est-ce important de choisir les bonnes balises HTML ?

a)

SEO

b)

Faciliter la lisibilité de mon code

c)

Améliorer l'accessibilité de notre page

d)

Faciliter l'écriture du JS et du CSS

13.

Que vaut :

"12" === 12

a)

true

b)

false

14.

Qu'est qu'un Event Listener ?

a)

Une fonction JavaScript qui permet d'écouter les événements déclenchés par l'utilisateur, tels que les clics de souris, les pressions de touche ou les mouvements de la souris

b)

Un type d'élément HTML utilisé pour définir des événements de clic dans une page web

c)

un style CSS qui permet de réagir aux événements de l'utilisateur, tels que les clics de souris ou les mouvements de la souris

d)

Une fonction PHP qui permet de définir des événements pour les formulaires HTML

15.

Qu'est-ce que permet de faire une requête POST ?

a)

Récupérer des données sur serveur

b)

Envoyer des données sur un serveur

c)

Envoyer des données sur un navigateur web

d)

Mettre à jour des données

16.

En CSS, comment rendre le texte d'un bouton rouge lorsque le curseur passe dessus ?

a)

button:hover {

color: red

}

b)

button:hover {

background-color: red

}

c)

button > hover {

background-color: red

}

d)

button.hover {

color: red

}

17.

Qu'est-ce qu'un sélecteur en CSS ?

a)

Un élément de CSS qui permet de sélectionner un ou plusieurs éléments HTML pour leur appliquer un style

b)

Une fonctionnalité de JavaScript qui permet de sélectionner des éléments dans une page web pour les manipuler

c)

Un type de balise HTML utilisé pour définir des sections spécifiques d'une page web, telles que les en-têtes et les pieds de page

d)

Ça n'existe pas

18.

Quel est le meilleur outil d'automatisation ?

a)

Make

b)

n8n

c)

Zapier