0% found this document useful (0 votes)
4 views

Java Script

qcm javascript

Uploaded by

kawtarsouhail01
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views

Java Script

qcm javascript

Uploaded by

kawtarsouhail01
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 46

Notions

1. Qu’est-ce que JavaScript?

-JavaScript est un langage de script côté client qui peut être


inséré dans des pages HTML et est interprété par les
navigateurs Web.

2. Quelle est la différence entre Java et JavaScript?

-En JavaScript, les fonctions sont des objets


3. Quels sont les types de données natifs existants en
Javascript

Number

Boolean
Object

Undefined

String

4. JavaScript est-il un langage sensible à la casse? OUI


6. À quoi sert la fonction isNaN?

-La fonction isNan renvoie «TRUE» si l’argument n’est


pas un nombre sinon il renvoie «FALSE».

7. Comment créer un objet en JavaScript?

8. Comment créer un tableau en JavaScript?


10. Qui est le plus rapide, JavaScript ou ASP?

Partie2
1. Quelle est la différence entre «undefined» et «null» en
JavaScript?

-Undefined signifie qu’une variable a été déclarée mais


qu’aucune valeur n’a encore été affectée.
-Tandis que, null est une valeur d’affectation,qui signifie
«Pas de valeur».
2. Qu’est-ce que le DOM?

Document Object Model (DOM) est une API pour les


documents HTML et XML,aussi un modèle de
programmation qui permet aux développeurs d'interagir
avec les éléments d'une page web de manière dynamique.

3. Quelle entreprise a développé JavaScript? Netscape


4. Comment fonctionne l’opérateur typeof?

5. Quelle est la différence entre les variables non déclarées


et non définies?
-le programme essaie de lire la valeur d’une variable non
déclarée, une erreur se produit.
-le programme essaie de lire la valeur d’une variable non
définie, « undefined value » est renvoyée

7. Comment créer un cookie en utilisant JavaScript?


document.cookie
8. Qu’est-ce qu’une boîte d’invite? Alert(), Confirm(),
Prompt()

a) Alert() :pour afficher un message à l’utilisateur. Ce boîte


de dialogue aura le bouton OK pour fermer le.

b)Confirm() : prend la confirmation de l’utilisateur pour


continuer. Il affiche une boîte de dialogue avec deux
boutons: OK et Annuler. Si l’utilisateur clique sur le bouton
OK, la méthode de la fenêtre confirm() retournera « true ».
Si l’utilisateur clique sur le bouton Annuler, confirm() renvoie
« false ».
c)Prompt():est utilise lorsque vous souhaitez afficher une
zone de texte pour permettre la saisie de l’utilisateur.

de variable JavaScript ne doivent pas commencer par

un chiffre (0-9). Ils doivent commencer par une lettre ou

le caractère de soulignement. Par exemple, 5myvar est


un nom de variable non valide mais _5myvar ou myvar5

est valide.

Les noms de variables JavaScript sont sensibles à la

casse. Par exemple, Age et age sont deux variables

différentes.

Vous ne devez utiliser aucun des mots clés réservés


JavaScript comme nom de variable. Par exemple, les
noms de variable «break» ou «continue» ne sont pas
valides.

9. A quoi sert l’opérateur ===?


-est appelé « opérateur d’égalité stricte » qui retourne
TRUE lorsque les deux opérandes ont la même valeur sans
conversion de type.

10. Expliquez comment soumettre un formulaire en


JavaScript? Submit()
Partie3
1. Comment changer le style CSS d’un élément?

Ex: document.getElementById("p1").style.color = "red";

2. Comment changer la classe CSS d’un élément?

Ex:document.getElementById("p1").className =
"maClasseCSS";

3. Quelle est la différence entre un attribut et une propriété?

 Propriété : est la valeur affectée à l’attribut comme


type=’text’, value=’Name’ etc.
 Attributs : fournissent plus de détails sur un élément comme
id, type, valeur, etc.

6. Énumérez les différentes façons d’accéder à un élément


HTML dans un code JavaScript.

-Voici les différentes façons d’accéder à un élément HTML


dans un code Javascript:

getElementById(‘id’): Récupère l’élément par son ID


getElementsByClass(‘classe’): Récupère l’élément par son

classe.

getElementsByTagName(‘balise’): Récupère tous les

éléments portant le nom de balise.

querySelector(): Cette fonction prend le sélecteur de style

CSS et retourne le premier élément sélectionné.

7. De combien de façons un code JavaScript peut-il être


intégré dans un fichier HTML?

Il existe 3 façons différentes pour intégrer un code


JavaScript dans un fichier HTML:
Inline (balise <script>)
Internal (Vous pouvez également attacher du code

JavaScript à des événements HTML directement dans les

attributs des éléments HTML)

External(un fichier séparé avec l'extension .js ,<script

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

8. Expliquez la différence entre «==» et «===»?


9. Quel serait le résultat de 1 + 2 + “4”?

-Puisque 1 et 2 sont des entiers, ils seront additionnés. Et


comme 4 est une chaîne, elle sera concaténée. Le résultat
serait donc 34.
Partie5

-1. Comment détecter le système d’exploitation sur la


machine cliente? «navigator.platform».

-var est utilisé pour déclarer une variable globale alors que
let est utilisé pour déclarer une variable dont la portée est
limitée à un bloc

-Vous pouvez même déclarer plusieurs variables portant le


même nom à l’intérieur et à l’extérieur d’un bloc à l’aide du
mot-clé let.

2. A quoi sert le mot clé delete?

3. De combien de façons pouvez-vous créer un tableau en


JavaScript?
4. Donnez la syntaxe de la boucle for-in en JavaScript?

5. Que signifie valeur undefined en Javascript?


6. Quels sont tous les types de boîtes pop-up disponibles en
JavaScript?

-alert() : pour afficher un message à l’utilisateur. Ce boîte de


dialogue aura le bouton OK pour fermer le.
-confirm() : Si l’utilisateur clique sur le bouton OK, la
méthode de la fenêtre confirm() retournera «true». Si
l’utilisateur clique sur le bouton Annuler, confirm() renvoie
«false».

prompt() : lorsque vous souhaitez afficher une zone de


texte pour permettre la saisie de l’utilisateur. Ainsi, cela vous
permet d’interagir avec l’utilisateur. L’utilisateur doit
renseigner le champ, puis cliquer sur OK.
7. Nommez certains des frameworks JavaScript.
Partie6

1. Combien de types de fonctions prennent en charge


JavaScript?

-Une fonction en JavaScript peut être nommée ou


anonyme.

2. Quelle est l’utilisation de Void(0)?

3. Comment définir une fonction anonyme?


4. Quelle méthode inverse l’ordre des éléments d’un
tableau?

5. A quoi sert la méthode SetTimeout()?


6. Comment ajouter un nouvel élément à la fin d’un tableau
en javascript?

7. Quel est la sortie du code suivant?

document.write() est une fonction JavaScript qui permet


d'écrire du contenu directement dans le document HTML en
cours dynamiquement.
-dans cette exemple retourne un objet vide
8. Quel est le type de données des variables en JavaScript?

1. Chaîne de caractères (String) : Représente du texte.


Les chaînes sont entourées de guillemets simples ('')
ou doubles ("").

2. Booléen (Boolean) : Représente une valeur vraie


(true) ou fausse (false), utilisée souvent pour les
conditions

3. Nul (Null) : Représente l'absence intentionnelle de


toute valeur ou objet.

4. Indéfini (Undefined) : Indique qu'une variable a été


déclarée mais n'a pas encore été assignée de valeur.

5. Objet (Object) : Représente une collection d'attributs et


de méthodes. Les objets peuvent être des objets
prédéfinis (comme Date ou Array) ou des objets créés
par l'utilisateur.

6. Tableau (Array) : Représente une collection ordonnée


d'éléments, qui peuvent être de différents types.
7. Fonction (Function) : Représente un bloc de code
réutilisable qui peut être appelé avec des arguments.

8. Nombre (Number) : Représente à la fois les nombres


entiers et les nombres décimaux (à virgule flottante).

10. Que sont les cookies JavaScript?


Partie6

1. A quoi servent les caractères d’échappement?

2. A quoi sert la méthode pop() en JavaScript?


3. Pourriez-vous expliquer les fonctions escape() et
unescape()?

→ Quelques fonctions de DOM

getElementById : Sélectionne un élément par son attribut

id.querySelector : Sélectionne le premier élément


correspondant à un sélecteur CSS.
querySelectorAll : Sélectionne tous les éléments
correspondant à un sélecteur CSS.

innerHTML : Récupère ou modifie le contenu HTML d'un


élément.

textContent : Récupère ou modifie le texte contenu dans


un élément (sans les balises HTML).
createElement : Crée un nouvel élément HTML.

appendChild : Ajoute un nouvel élément comme enfant


d'un autre élément.
removeChild : Supprime un enfant spécifique d'un élément
parent.

style : Permet de manipuler les styles CSS d'un élément.


setAttribute : Ajoute ou modifie un attribut d'un élément.

getAttribute : Récupère la valeur d'un attribut spécifique.


innerHTML : Récupère ou modifie le contenu HTML d'un
élément.

addEventListener : Attache un écouteur d'événement à un


élément.
removeEventListener : Retire un écouteur d'événement
d'un élément.
parentNode : Accède à l'élément parent d'un élément.

childNodes : Accède à la liste des enfants d'un élément.


OU
7. Quelle est la différence entre innerHTML et innerText?

8. Comment créer des objets génériques?

9. Quels mots clés sont utilisés pour gérer les exceptions?

10. Comment vider un tableau en JavaScript?


-Quelle est la syntaxe correcte pour faire référence à un
script externe appelé «myscript.js»? <script
src="myscript.js">

-Le fichier externe de JavaScript doit contenir la balise


<script>?Faux
-Quel est le bon endroit pour insérer un code JavaScript?
Les deux sections <head> et <body> sont correctes

-Comment écrire une condition IF pour vérifier si «a» n’est


PAS égal à 2?if (a != 2)

-Comment créer une fonction en JavaScript? function f()


-Quelle est la syntaxe correcte pour vérifier la valeur de
«c» ? if (c == "XYZ") { } else { }

-Quelle est la différence entre « undefined » et « null » en


JavaScript?Undefined signifie qu’une variable a été
déclarée mais qu’aucune valeur n’a encore été affectée.
Tandis que, null est une valeur d’affectation.
-Qu’est-ce que le DOM?
-Document Object Model (DOM) est une API pour les
documents HTML et XML.les programmeurs peuvent créer
des documents, naviguer dans leur structure et ajouter,
modifier ou supprimer des éléments et du contenu HTML.

-Quelle entreprise a développé JavaScript? Netscape est la


société qui a développé JavaScript.

Comment fonctionne l’opérateur typeof?

Quelle est la différence entre les variables non déclarées et


non définies?

A quoi sert le mot-clé «this» en JavaScript? Le mot-clé


«this» fait référence à l’objet actuelle. Il y a deux méthodes
d’utilisation
Exemple 1:

Exemple 2:

-Comment créer un cookie en utilisant JavaScript?

-Comment supprimer un cookie en utilisant JavaScript?


-Quelles sont les portées d’une variable en JavaScript?

-Qu’est-ce qu’une fonction de rappel (callback)?

-Une fonction de rappel est une simple fonction JavaScript


passée à une méthode comme argument.

-Il s’agit d’une fonction qui doit être exécutée après


l’exécution d’une autre fonction.
-Quelles sont les conventions de nommage des variables en
JavaScript ?

-Quel symbole est utilisé pour les commentaires en


Javascript?

LISTENER :

En JavaScript, un "listener" (écouteur en français) fait


référence à une fonction qui écoute ou surveille un
événement spécifique qui se produit sur un élément HTML .
lorsque cet événement se produit, la fonction d'écoute
associée est déclenchée et exécutée

Qu’est-ce que la propagation d’événements?


-A quoi sert l’opérateur ===?

- JavaScript support la conversion automatique des types?


OUI

- Comment changer le style CSS d’un élément?


Quelle est la différence entre un attribut et une propriété?

Comment convertir une chaîne d’une base en un nombre


entier en JavaScript?

Quelle est la différence entre let et var?


var est utilisé pour déclarer une variable globale alors que
let est utilisé pour déclarer une variable dont la portée est
limitée à un bloc. Ainsi, vous pouvez déclarer une variable à
l’aide de let dans un bloc if mais sa portée est limitée à ce
bloc.Vous pouvez même déclarer plusieurs variables portant
le même nom à l’intérieur et à l’extérieur d’un bloc à l’aide
du mot-clé let.

A quoi sert le mot clé delete?

De combien de façons pouvez-vous créer un tableau en


JavaScript?

Donnez la syntaxe de la boucle for-in en JavaScript?


Nommez certains des frameworks JavaScript.

Quelle est l’utilisation de Void(0)?


A quoi sert la méthode SetTimeout()?

Comment ajouter un nouvel élément à la fin d’un tableau en


javascript?

A quoi servent les caractères d’échappement?


A quoi sert la méthode pop() en JavaScript?

Pourriez-vous expliquer les fonctions escape() et


unescape()?
Quelle est la différence entre innerHTML et innerText?

Comment vider un tableau en JavaScript?

You might also like