Salut à tous,

J'aimerai récupérer l'ID de l'image sur laquelle j'ai cliquée, en javascript, pour après changer son style. Mais je ne sais pas trop comment faire. Est ce que quelqu'un peut m'éclairer ?

Merci d'avance pour l'aide

Mon code :

		<figure id="fig0">
			<img class="image" id="img0" src="photos/imag0.jpg" alt="">
		</figure>
		<figure id="fig1">
			<img class="image" id="img1" src="photos/imag1.jpg" alt="">
		</figure>
		<figure id="fig2">
			<img class="image" id="img2" src="photos/imag2.jpg" alt="">
		</figure>
		<figure id="fig3">
			<img class="image" id="img3" src="photos/imag3.jpg" alt="">
		</figure>

Bonjour en principe tu peut juste sélectionnés toutes les images en javascript posé un écouteur de click sur chacune d'elle et écrire la fonction de rappel, si tu veut juste changé la mise en forme (le CSS) tu peut ajouté/supprimmé des class sur les image via javascript et dans un fichier css préparé les class qui mettent en forme l'image pour de pas écrire directement le CSS via des set styles en Javascript.

document.addEventListener('DOMContentLoaded', () => {
	
    
	const images = document.querySelectorAll('.image');
    
    images.forEach(image => (
    	image.addEventListener('click', function(event) {
        
        	const clickedImage = this;
            
            console.log(this.id);
            
            // ajoute une class css pour changé le style de l'image
            // this.classList.add('style-class');
            
            // this.classList.remove('class-name')
            // this.classList.toggle('class-name');
            
            // <https://developer.mozilla.org/fr/docs/Web/API/Element/classList>
        })
    ))
});