Drawing the axes
In school days, we all might have used graph paper and drawn a vertical line called the y axis and a horizontal line called the x axis. Here, in the first recipe of ours, we do only the drawing of axes. Also, we mark the points at equal intervals. The output looks like this:
How to do it…
The HTML code is as follows:
<html>
<head>
<title>Axes</title>
<script src="graphaxes.js"></script>
</head>
<body onload=init()>
<canvas width="600" height="600" id="MyCanvasArea" style="border:2px solid blue;" tabindex="0">
Canvas tag is not supported by your browser
</canvas>
<br>
<form id="myform">
Select your starting value
<select name="startvalue" onclick="init()">
<option value=-10>-10</option>
<option value=-9>-9</option>
<option value=-8>-8</option>
<option value=-7>-7</option>
<option value=-6>-6</option...
