Initial commit

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>JavaScript Events</title>

<script>

function showMessage() {

  alert("We interrupt this web page with a special JavaScript announcement.");

}

</script>

</head>

<body>

  <p>Move the mouse pointer over this picture to see a secret message.</p>

  <img src="sunny.jpg" alt="A sunny day" onmouseover="showMessage()">

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>Manipulate An Element</title>

<script>

window.onload = function() {

  var imgObject = document.getElementById("dayImage");

  imgObject.onclick = swapImage;

};

var dayTime = true;

function swapImage() {

  // This function runs when the onClick event happens.

  var imgObject = document.getElementById("dayImage");

  if (dayTime == true) {

    dayTime = false;

    imgObject.src = "cloudy.jpg";

  }

  else {

    dayTime = true;

    imgObject.src = "sunny.jpg";

  }

}

</script>

</head>

<body>

  <p>Click this picture to change sun to cloud (and back).</p>

  <img id="dayImage" src="sunny.jpg" alt="The weather">

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>A Simple JavaScript Example</title>

</head>

<body>

  <p>At some point in the processing of this page, a script block

will run and show a message box.</p>

  <script>

alert("We interrupt this web page with a special JavaScript announcement.");

  </script>

  <p>If you get here, you've already seen it.</p>

</body>

</html>