Head-First-JavaScript-Programming/chapter9/map.html at master · Cnfc/Head-First-JavaScript-Programming

This repository was archived by the owner on Jul 25, 2019. It is now read-only.

25 lines (24 loc) · 565 Bytes

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Pirates Booty</title>
  <script>
	window.onload = init;
	function init() {
		var map = document.getElementById("map");
		map.onmousemove = showCoords;
	}
	
	function showCoords(eventObj) {
		var coords = document.getElementById("coords");
		var x = eventObj.clientX;
		var y = eventObj.clientY;
		coords.innerHTML = "Map coordinates: " + x + ", " + y;
	}
  </script>
</head>
<body>
	<img id="map" src="map.jpg">
	<p id="coords">Move mouse over map to find coordinates...</p>
</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Expand file tree

Search code, repositories, users, issues, pull requests...

FilesExpand file tree

map.html

Latest commit

History

map.html

File metadata and controls

Expand file tree