<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
minilab4.html
HTML sample solution for Mini-Lab 4: JavaScript
INFO 343, Autumn 2012
Morgan Doocy
-->
<head>
<title>Mini-lab 4</title>
<style type="text/css">
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, sans-serif;
}
</style>
<!--[<ins>]--> <!-- Exercise 2.2 -->
<script src="minilab4.js" type="text/javascript"></script><!--[</ins>]-->
</head>
<body>
<h1>Mini-lab 4</h1>
<!--[<ins>]--> <!-- Exercise 2.3 -->
<button onclick="myFunction();">Click me!</button><!--[</ins>]-->
<!--[<ins>]--> <!-- Exercise 2.4 -->
<div><img id="theImage" src="pokemon.jpg" alt="Success kid: PLAYED POKEMON / CAUGHT THEM ALL" /></div><!--[</ins>]-->
<!--[<ins>]--> <!--
Exercise 2.7.
You're only required to add one more form control; I've added several.
-->
<p>
<input type="text" id="textbox" value="foo" />
<input type="checkbox" id="checkbox" /> Bar
<textarea id="textarea" rows="4" cols="40">Baz</textarea>
</p><!--[</ins>]-->
<!--[<ins>]--> <!-- Exercise 2.8 -->
<p>
<input type="text" id="copy_textbox" value="foo" />
<button onclick="copy();">Copy into →</button>
<span id="copy_span">(this is a span)</span></p>
</p><!--[</ins>]-->
</body>
</html>