stuff2

<//Scott Lahmann>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style1.css">
</head>
<title>Scott Lahmann Travel Page</title>
<body>
<h1 id="myH1">My Travels</h1>
<h2>Where I've Been</h2>
<ol style="list-style-type:none";
"list-style-position:inside">
<li>New York City</li>
<li>All over California</li>
<li>Canada</li>
<li>Alaska</li>
</ol>
<h2>Where I Want To Go</h2>
<ul style="list-style-type:circle" style="list-style-position:inside">
<li>Italy</li>
<li>Ireland</li>
<li>Japan</li>
<li>Everywhere</li>
</ul>
<h3>The World:</h3>
<p><a href="http://www.worldatlas.com/worldmap.htm">World Map</a></p>
<img src="Worldmap.jpg" alt="The World" style="width:350px;height:350px">
<br>
<br>
<button type="button" onclick="myFunction1()">Set h1 to Blue</button>
<br>
<br>
<button type="button" onclick="myFunction2()">Set h1 to Black</button>
<script>
function myFunction1() {
    document.getElementById("myH1").style.color = "#0000FF";
}
function myFunction2() {
    document.getElementById("myH1").style.color = "#000000";
}
</script>
</body>
</html>