Crowdly

Add to Chrome

[S2] TW1-MI-MIASHS-PEIP(2024-2025)

Looking for [S2] TW1-MI-MIASHS-PEIP(2024-2025) test answers and solutions? Browse our comprehensive collection of verified answers for [S2] TW1-MI-MIASHS-PEIP(2024-2025) at moodle.univ-lille.fr.

Get instant access to accurate answers and detailed explanations for your course questions. Our community-driven platform helps students succeed!

On dispose d'un document html qui contient deux éléments

img d'id "image1" et "image2".

On souhaite que lors du survol par la souris de l'une de ces

images, leur image source soit remplacée par l'image définie dans

le fichier

"images/nouvelle.png"

. Pour cela on a mis en

place les abonnements d'événements suivants :

const img1 = document.getElementById('image1');

img1.addEventListener('mouseover', modifieSource);

const img2 = document.getElementById('image2');

img2.addEventListener('mouseover', modifieSource);

Parmi les propositions de code suivantes, laquelle ou lesquelles

définissent une fonction

modifieSource

qui permet d'obtenir le

comportement désiré ?


  const modifieSource = function() {
    this.src = "images/nouvelle.png";
  }

100%✨


  const modifieSource = function() {
    this = "images/nouvelle.png";
  }

const modifieSource = function() {
    img.src = "images/nouvelle.png";
  }

const modifieSource = function() {
    img = "images/nouvelle.png";
  }

View this question

En supposant les variables

somme et i

définies,

parmi les codes suivants, lequel est conforme à la syntaxe

javascript ?


 for i in range(10):
   somme = somme + i;


 for (var i = 0 ; i < 10 ; i = i+1) {
   somme = somme + i;
 }

100%✨


 for (var i = 0 , i < 10 , i= i + 1) {
   somme = somme + i;
 }


 for (var i = 0 to 10) {
   somme = somme + i;
 }

View this question

Un document html contient le code suivant :

<div id="timoleon">XXXXXX</div>

La variable

element

a été initialisée comme ceci :

const element = document.getElementById("timoleon");

Parmi les propositions suivantes, laquelle ou lesquelles ont pour

conséquence que le contenu de l'élément d'

id

timoleon est remplacé par le texte "nouveau"

element = "nouveau";

element.value = "nouveau";

element.textContent = "nouveau";

✅

element.text = "nouveau";

❌

View this question

Parmi les propositions de code suivantes, laquelle ou lesquelles

permettent la création d'un nouvel élément image dont la source

est le fichier

"images/photo.png"

const element = document.createImage(); 
  element = "images/photo.png"


  const element = document.createElement('img'); 
  element.src = "images/photo.png"

✅


  const element = document.createImage(); 
  element.src = "images/photo.png"

❌

const element = document.createElement('img'); 
  element = "images/photo.png"

View this question

On suppose définie une fonction

f

qui ne prend pas de

paramètre. On suppose également définie une variable

special

dont la valeur est l'un des éléments de l'arbre

DOM d'un document.

Parmi les propositions de code suivantes, laquelle ou lesquelles

ont pour conséquence qu'un clic sur l'élément

special

provoque l'exécution de la fonction

f

special.addEventListener( "click", f() );

special.addEventListener( "click", f );

✅

special.addEventListener( "mouseclick", f() );

special.addEventListener( "mouseclick", f );

❌

View this question

Parmi les propositions de code suivantes, laquelle ou lesquelles

ont pour conséquence une augmentation de la largeur de l'élément

id

spécial.


  const element = document.getElementById("special");
  const props = document.style(element);
  const largeur = props.width;
  props.width = parseInt(largeur) + 10 + "px";


  const element = document.getElementById("special");
  const props = document.getComputedStyle(element);
  const largeur = props.width;
  props.width = parseInt(largeur) + 10 + "px";

❌

const element = document.getElementById("special");
 const props = element.style;
 const largeur = props.width;
  element.style.width = parseInt(largeur) + 10 + "px";

❌✨


  const element = document.getElementById("special");
 const props = document.getComputedStyle(element);
 const largeur = props.width;
  element.style.width = parseInt(largeur) + 10 + "px";

✅✨

View this question

Parmi les propositions de code suivantes, laquelle ou lesquelles

permettent d'initialiser la variable

allDivs

avec les

éléments de balise

div

contenu dans l'élément d'id

special


  const element = document.getElementById("special");
  for(let i = 0; i < allDivs.length; i++) { 
   allDivs[i] = document.getElementsByTagName("div");
  }

❌


  const element = document.getElementById("special");
  const allDivs = element.getElementsByTagName("div");

✅

const allDivs = document.getElementsByTagName("#special div");

❌

const allDivs = document.querySelectorAll("#special div");

✅

View this question

On suppose définie une fonction

bigger

qui ne prend pas de

paramètre.

Parmi les propositions de code suivantes, laquelle ou lesquelles

ont pour conséquence qu'un survol sur un élément de classe

special

provoquera l'exécution de la fonction

bigger


  const allSpecials = document.getElementsByClassName("special");
  allSpecials.addEventListener('mouseover', bigger );

❌


const allSpecials = element.getElementsByClassName("special");
  allSpecials.addEventListener('mouseover', bigger() );

❌

const allSpecials = document.getElementsByClassName("special");
  for (let elmt of allSpecials) 
    elmt.addEventListener('mouseover', bigger );

✅✨


  const allSpecials = document.getElementsByClassName("special");
  for (const elmt of allSpecials) 
    elmt.addEventListener('mouseover', bigger() );