Alacrity01/til.txt

## til.txt
dom - document object model

<!DOCTYPE html>
<html lang="en">
<head onmousemove="doAnotherThing()">
  <meta charset="UTF-8">
  <title>Hamilton</title>
</head>
<body onmousemove="doAnotherThing()">
  <h1 onmouseover="doTheThing()">Alexander Hamilton</h1>
  <p onmousemove="doAnotherThing()">Here is the story of the life of Hamilton.</p>
  <p onmouseover="doAnotherThing()">
    <script>
      console.log(doTheThing());
    </script>
  </p>


  <script>
    function doSomething() {
      console.log("You clicked me!");
    }
    function doAnotherThing() {
      console.log("You touched the p tag... :D");
      var x = event.clientX;
      var y = event.clientY;
      console.log("X coordinate: ", x);
      console.log("Y coordinate: ", y);
    }
    function doTheThing() {
      console.log("Oh no! You touched the H1 tag...!");
      var x = event.clientX;
      var y = event.clientY;
      console.log("X coordinate: ", x);
      console.log("Y coordinate: ", y);
    }
  </script>
</body>
</html>
	dom - document object model

	<!DOCTYPE html>
	<html lang="en">
	<head onmousemove="doAnotherThing()">
	<meta charset="UTF-8">
	<title>Hamilton</title>
	</head>
	<body onmousemove="doAnotherThing()">
	<h1 onmouseover="doTheThing()">Alexander Hamilton</h1>
	<p onmousemove="doAnotherThing()">Here is the story of the life of Hamilton.</p>
	<p onmouseover="doAnotherThing()">
	<script>
	console.log(doTheThing());
	</script>
	</p>


	<script>
	function doSomething() {
	console.log("You clicked me!");
	}
	function doAnotherThing() {
	console.log("You touched the p tag... :D");
	var x = event.clientX;
	var y = event.clientY;
	console.log("X coordinate: ", x);
	console.log("Y coordinate: ", y);
	}
	function doTheThing() {
	console.log("Oh no! You touched the H1 tag...!");
	var x = event.clientX;
	var y = event.clientY;
	console.log("X coordinate: ", x);
	console.log("Y coordinate: ", y);
	}
	</script>
	</body>
	</html>