wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

JS#5

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Quelle propriété permet de définir le contenu textuel d'un élément ?

Ex: nouveauText. ... = "Ceci est un nouveau texte"

a)

.innerHTML

b)

.textContent

c)

.text

d)

.html

2.

Comment ajouter un écouteur d'événement de clic à un bouton avec l'ID "myButton" ?

const button = document.getElementById("myButton");

a)

button.addEventListener("click", () => { ... });

b)

button.addEvent("click", () => { ... });

c)

button.listen("click", () => { ... });

d)

button.onClick(() => { ... });

3.

Comment créer un nouvel élément ⁠<li> en JavaScript ?

a)

document.newElement("li")

b)

document.createElement("li")

c)

document.addElement("li")

d)

document.createNode("li")

4.

Dans cet exemple, comment récupérer la valeur saisie par l'utilisateur ?

input.addEventListener("input", (event) => {

    // Comment obtenir la valeur ?

});

a)

event.value

b)

event.target.value

c)

event.input.value

d)

event.getValue()

5.

Comment empêcher l'envoi d'un formulaire lors de l'événement ⁠onsubmit ? (Plusieurs réponses possibles)

a)

return false; dans la fonction de gestion

b)

event.preventDefault(); dans la fonction de gestion

c)

event.stopSubmit(); dans la fonction de gestion

6.

Quel code HTML ajoute un gestionnaire d'événement directement dans la balise pour détecter un clic ?

a)

⁠<button click="maFonction()">Cliquer</button>

b)

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

c)

⁠<button onpress="maFonction()">Cliquer</button>

d)

<button event="maFonction()">Cliquer</button>

7.

Comment ajouter un élément enfant à un élément parent ?

a)

parent.addChild(enfant)

b)

parent.appendChild(enfant

c)

parent.insertChild(enfant)

d)

parent.add(enfant)

8.

À quoi sert la méthode ⁠event.preventDefault() dans un événement de soumission de formulaire ?

a)

Elle valide automatiquement le formulaire

b)

Elle empêche le rechargement de la page

c)

Elle efface les données du formulaire

d)

Elle envoie le formulaire plus rapidement

9.

Comment récupérer la valeur d'un champ nommé "username" depuis un objet FormData ?

a)

formData.username

b)

formData.get("username")

c)

formData["username"]

d)

formData.getValue("username")

10.

Quelle méthode JavaScript permet de sélectionner un élément HTML par son ID ?

a)

document.getElementsByClassName()

b)

document.getElementById()

c)

document.findById()

d)

document.querySelector()