helloworld.html

<html>
<head>
<style>
pre { border: 1px solid #bbb; background: #eee; padding: 1em; }
div { border: 1px solid #bbb; background: #eee; padding: 1em; }
</style>
<body>
	<div id="square" style="color: #ffffff; font-weight:bold; 
				width: 225px; height: 225px; text-align: center; 
				background: #f0f; margin: 50px; float: left;">
		<p>Hello world!</p>
		<p>I'm a square!</p>
		<p>And I'll go crazy now!</p>
	</div>
	<div id="output" style="overflow:-moz-scrollbars-vertical;overflow-y:auto;"></div>
	<script type="application/javascript" src="helloworld.js"></script> 
</body>
</html>