Bonjour, j'essaie de faire en sorte que quand on clic sur une image avec l'id "img", l'image se déplace à des coordonnées aléatoires sur l'écran.

Voici le code:

<script type="text/javascript">
	function moveImg()
	{
		
		var rdmHeight = Math.round(Math.random() * window.innerHeight);
		var rdmWidth = Math.round(Math.random() * window.innerWidth);
				
		var height = rdmHeight.toString + "px";
		var width = rdmWidth.toString + "px";
				
		document.getElementById('img').style.top = height;
		document.getElementById('img').style.left = width;
	}
</script>
		
<img src="image.jpg" id="img" onclick="moveImg()">

J'espère que vous avez compris mon problème.

ta juste quelque erreur dans le code

<script type="text/javascript">
            function moveImg()
            {
                 
                var rdmHeight = Math.round(Math.random() * window.innerHeight);
                var rdmWidth = Math.round(Math.random() * window.innerWidth);
                
                var height = rdmHeight.toString() + "px";
                var width = rdmWidth.toString() + "px";
                document.getElementById('img').style.top = height;
                document.getElementById('img').style.left = width;
            }
        </script>
        <img src="image.jpg" id="img" style="position: absolute" onclick="moveImg()">    

Bonjour.

J'ajouterai qu'il faut retrancher à rdmHeight et rdmWidth respectivement la hauteur et la largeur de l'image, sinon elle risque de disparaitre en partie, voire en totalité.

D'autre part si un ancêtre (autre que body) de l'image est positionné, alors les coordonnées de l'image seront décalées d'autant que celles de l'ancêtre.

-
Edité par Domi65 6 avril 2020 à 15:14:37