Application Letter Project

Update 25/11/2015:
<canvas width="800" height="600" id="canvas1"

style="border:1px solid blue";>
</canvas>


<form style="border:1px">
1. Address/location of submitter:<input type="text"

id="location_submitter" value="Wreck"><br />
2. Name of submitter: <input type="text"

id="name_submitter"><br />
3. Name of company: <input type="text"

id="name_company"><br />
4. Field of job that you will submit to submitter:

<input type="text" id="field_job"><br />
5. Date of graduation: <input type="text"

id="date_graduation"><br />
6. Your relevant experiences: <input type="text"

id="relevant_experiences"><br />
7. Your cerfication : <input type="text"

id="relevant_certification"><br />
8. Your contact number: <input type="text"

id="contact_number"><br />
9. Date you want to assign the application letter:

<input type="text" id="date_assign">
<input type="button" value="Load" onclick="writecan

()">
</form>


<script>
var canvas=document.getElementById("canvas1");
var ctx=canvas.getContext("2d");
var loc_submitter;
var name_submitter;
var name_company;
var field_job;
var date_graduation;
var


function ambildata()
{
loc_submitter = document.getElementById

("location_submitter").value;

name_submitter = document.getElementById

("name_submitter").value;

name_company = document.getElementById

("name_company").value;


field_job = document.getElementById

("field_job").value;


date_graduation = document.getElementById

("date_graduation").value;

relevant_experiences = document.getElementById

("relevant_experiences").value;


relevant_certification=document.getElementById

("relevant_certification").value;


contact_number = document.getElementById

("contact_number").value;

date_assign = document.getElementById

("date_assign").value;


}

function writecan()
{
ambildata();

alert("location: " + typeof(loc_submitter));
ctx.fillText("To: " + name_submitter ,10, 50);
ctx.fillText("To: " + name_submitter ,10, 50);
}

</script>