9: Exercice-2 : position de la souris

Essayons d'écrire un nouveau programme JavaScript.

On veut afficher la position de la souris quand elle passe sur l'image.


D'abord, créez un fichier exo-2.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"> 
		<title>exo-2</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		<script src="exo-2.js"></script>
	</head>
	<body>
		<p>
			La souris se trouve à la position 
			x=<span id="affiche-x">?</span>, 
			y=<span id="affiche-y">?</span>
		</p>
		<p><img src="https://moodle.iutv.univ-paris13.fr/img/js/tux.png" alt="tux"/></p>
	</body>
</html>


Vérifiez que cette page s'affiche correctement.

Ensuite on va créer le fichier js.