wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Javascript 2

Total questions: 20

Worksheet time: 15mins

Name
Class
Date
1.

Que permet le langage de programmation JavaScript ?

a)

Structurer et améliorer la visibilité d'un contenu web

b)

Styliser, rendre le contenu web plus beau

c)

Créer des animations et des contenus web interactifs

2.

Identifier la bonne définition de Javascript

a)

Langage interprété coté client

b)

Langage compilé coté client

c)

Langage compilé coté serveur

d)

Langage interprété coté serveur

3.

Un élève a écrit une fonction javascript qui détermine la moyenne des valeurs entrées par l'utilisateur dans un formulaire de sa page HTML.

Il place sa fonction javascript :

a)

entre la balise <js> et la balise </js>

b)

entre la balise <code> et la balise </code>

c)

entre la balise <script> et la balise </script>

d)

entre la balise <javascript> et la balise </javascript>

4.

Où est le bon endroit pour insérer un JavaScript ?

a)

La section <head> et la section <body> sont correctes

b)

La section <head>

c)

La section <body>

5.

On  considère cet extrait de fichier HTML représentant les onglets d'une barre de navigation :

function BoutonGris() {

   var btn = document.createElement("BUTTON");

   btn.innerHTML = "Annulation";

   document.getElementById("DIV").appendChild(btn);

}

a)

Elle remplace un élément DIV par un bouton

b)

Elle annule l'élément BUTTON

c)

Elle crée un bouton comportant le texte "Annulation"

d)

Elle recherche le bouton "BUTTON" et crée une copie appelée "btn"

6.

L'attribut onclick dans un élément web

a)

n'existe pas

b)

sert à indiquer le nom d'un fonction Javascript gérant le clic sur l'élément

c)

est le seul attribut événementiel disponible en HTML 5

7.

Quelle est la syntaxe JavaScript correcte pour modifier le contenu de l'élément HTML ci-dessous ?

<p id="demo">Ceci est une démonstration.</p>

a)

document.getElementByName("p").innerHTML = "Hello World!";

b)

#demo.innerHTML = "hello world" ;

c)

document.getElementById("demo").innerHTML = "Hello World!"

d)

document.getElement("demo").innerHTML = "Hello World!"

8.

Lors de la consultation d’une page HTML, contenant un bouton auquel est associée la fonction javascript suivante, que se passe-t-il quand on clique sur ce bouton ?

function action(event) {

   this.style.color = "red"

}

a)

Le pointeur de souris devient rouge lorsqu'il arrive sur le bouton

b)

Le texte du bouton devient rouge

c)

Le texte du bouton est remplacé par le mot "red"

d)

Le texte de la page passe en rouge

9.

Dans une page HTML, lequel de ces codes permet la présence d'un bouton qui appelle la fonction javascript  afficher_reponse() lorsque l'utilisateur clique dessus ?

a)

<a href="afficher_reponse()">Cliquez ici</a>

b)

<button if_clicked="afficher_reponse()">Cliquez ici</button>

c)

<button  value="Cliquez ici"><a> afficher_reponse()</a></button>

d)

<button onclick="afficher_reponse()">Cliquez ici</button>

10.

Un navigateur affiche la page HTML suivante :

<html lang="fr">

<head>

   <meta charset="utf-8">

   <link rel="stylesheet" href="style.css">

   <title>Un bouton</title>

</head>

<body>

   <button onclick="maFonction()">Cliquer ici</button>

</body>

<script src="script.js"></script>

</html>

Lorsque l'on clique sur le bouton, l'action déclenchée maFonction() est définie :

a)

dans le fichier HTML seul

b)

dans le fichier style.css        

c)

dans une bibliothèque prédéfinie du navigateur

d)

dans le fichier script.js

11.

Quelle est la bonne syntaxe pour définir une fonction en JavaScript?

a)

function myFunction()

b)

fun myFunction()

c)

function = myFunction()

d)

function: myFunction()

12.

Quelle est la bonne syntaxe pour déclarer une variable en JavaScript?

a)

let age;

b)

VAR age;

c)

string age;

d)

const age;

13.

Quel opérateur est utilisé pour attribuer une valeur à une variable ?

a)

X

b)

*

c)

=

d)

-

14.

7. Comment écrire une condition pour vérifier si "a" est égal à 2 en JavaScript?

a)

if a = 2 then

b)

if a = 2

c)

if a == 2 else

d)

if (a == 2)

15.

8. Comment écrire une condition IF pour vérifier si « a » n’est PAS égal à 2?

a)

if a <> 2

b)

if (a != 2)

c)

if a =! 2 then

d)

if (a <> 2)

16.

Comment démarre une boucle FOR ?

a)

for (i = 0; i <= 5; i++)

b)

for (i = 0; i <= 5)

c)

for i = 1 to 5

d)

for (i <= 5; i++)

17.

Que retournera le code suivant : Boolean(10 > 9)

a)

false

b)

true

c)

NaN

18.

L'opérateur de comparaison == sert à comparer...

a)

L'égalité en valeur simplement

b)

L'égalité en valeur et en type

c)

La différence en valeur simplement

19.

Quelle est la valeur attendue de la variable numberOfCats à la fin de cet extrait de code ?


let numberOfCats = 10;


numberOfCats += 5;

numberOfCats /= 3;

numberOfCats++;

a)

4

b)

5

c)

6

d)

7

20.

On considère le code Javascript suivant :

function som(n) {

let res = 0 ;

for (i=1;i<=n;i=i+1) {

res = res + i;

}

return res ; }

Quel code Python produira le même résultat ?

a)

b)

c)

d)