ex3.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>EX3 Hillshade</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1">
<script src="prototype.js"></script>
<script src="rjex.js"></script>
<script src="ex3.js"></script>
<style>
HTML, body {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

#FORM {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 2em;
}
#MAIN {
  position: absolute;
  top: 2em;
  left: 0;
  right: 0;
  bottom: 1em;
}
</style>
<body>
<form action="javascript:void(0)" id="FORM">
  <div style="margin: 0.5em; padding: 0;">
    Altitude:<input id="ALTITUDE" type="text" size="3" value="60">
    &nbsp;
    Azimuth:<input id="AZIMUTH" type="text" size="3" value="300">
  </div>
</form>
<div id="MAIN"></div>
</body>
</html>