<!DOCTYPE HTML>
<html>
<head>
<script src="plot.js"> </script>
<title> Math Plot </title>
</head>
<body>
<canvas id="Main" style="border-width: 1px; border-color: black; border-style: solid;"></canvas><br/>
<!-- <span id="Info" style="color:#00a"></span><br/> -->
Canvas Width:<input type="TEXT" style="width:100px" id="CanvasWidth"></input>
Canvas Height:<input type="TEXT" style="width:100px" id="CanvasHeight"></input> <br/>
X: <input type="TEXT" style="width:60px" id="XMin"></input> to <input type="TEXT" style="width:60px" id="XMax"></input>
Y: <input type="TEXT" style="width:60px" id="YMin"></input> to <input type="TEXT" style="width:60px" id="YMax"></input>
<input type="BUTTON" value="Set & Clear" id="BtnSet"></input></br/>
Input:<input type="TEXT" style="width:500px" id="InputFunction"></input></br>
Max Split: <input type="TEXT" style="width:40px" id="MaxSplit"></input> <input type="BUTTON" value="Plot" id="BtnPlot"></input>
<input type="BUTTON" value="Stop" id="BtnStop" style="display:none"></input></br/>
</body>
</html>