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é ?

Question

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é ?

Answer

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

Answer

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

Answer

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

Answer

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

Crowdly

On dispose d'un document html qui contient deux éléments img d' id "image1"...

Want instant access to all verified answers on moodle.univ-lille.fr?