app.js
//renders the form that is used to collect skills
renders the form that is used to collect skills
renders the form that is used to collect skills
function renderFormTemplate (catagoryName) {
	reserveSkills(catagoryName);
	var position = data[catagoryName].length - 1;
	var form = document.createElement("form");
	form.id = catagoryName + "-" + position;
	    var skillName = document.createElement("input"); 
	    skillName.placeholder = 'Type skill here...';
	    skillName.type = 'text';
	    skillName.id = catagoryName + '-' + position + '-input';
	    skillName.setAttribute("onkeypress", "updateSkills('" + catagoryName + "','" + position +"')");
	    skillName.setAttribute("onblur", "updateSkills('" + catagoryName + "','" + position +"')");
	    var skillLevel = document.createElement("input"); 
	    skillLevel.id = catagoryName + '-' + position + '-value';
	    skillLevel.type = 'range';
	    skillLevel.setAttribute('min', 1);
	    skillLevel.setAttribute('max', 100);
	    skillLevel.setAttribute('onmouseup', "updateSkills('" + catagoryName + "','" + position +"')");
	    skillLevel.setAttribute('ontouchend', "updateSkills('" + catagoryName + "','" + position +"')");
	    skillLevel.setAttribute("onkeydown", "updateSkills('" + catagoryName + "','" + position +"')");
	    var skillDelete = document.createElement("input");  
	    skillDelete.className = 'material-icons delete-button round';
	    skillDelete.type = 'button';
	    skillDelete.value = 'clear';
	    skillDelete.setAttribute('onclick', "removeSkill('" + catagoryName + "','" + position +"')");
    form.appendChild(skillName);  
    form.appendChild(skillLevel);  
    form.appendChild(skillDelete);
	return form;
}
function renderFormTemplate ( catagoryName ) { reserveSkills ( catagoryName ) ; var position = data [ catagoryName ] . length - 1 ; var form = document . createElement ( "form" ) ; form . id = catagoryName + "-" + position ; var skillName = document . createElement ( "input" ) ; skillName . placeholder = 'Type skill here...' ; skillName . type = 'text' ; skillName . id = catagoryName + '-' + position + '-input' ; skillName . setAttribute ( "onkeypress" , "updateSkills('" + catagoryName + "','" + position + "')" ) ; skillName . setAttribute ( "onblur" , "updateSkills('" + catagoryName + "','" + position + "')" ) ; var skillLevel = document . createElement ( "input" ) ; skillLevel . id = catagoryName + '-' + position + '-value' ; skillLevel . type = 'range' ; skillLevel . setAttribute ( 'min' , 1 ) ; skillLevel . setAttribute ( 'max' , 100 ) ; skillLevel . setAttribute ( 'onmouseup' , "updateSkills('" + catagoryName + "','" + position + "')" ) ; skillLevel . setAttribute ( 'ontouchend' , "updateSkills('" + catagoryName + "','" + position + "')" ) ; skillLevel . setAttribute ( "onkeydown" , "updateSkills('" + catagoryName + "','" + position + "')" ) ; var skillDelete = document . createElement ( "input" ) ; skillDelete . className = 'material-icons delete-button round' ; skillDelete . type = 'button' ; skillDelete . value = 'clear' ; skillDelete . setAttribute ( 'onclick' , "removeSkill('" + catagoryName + "','" + position + "')" ) ; form . appendChild ( skillName ) ; form . appendChild ( skillLevel ) ; form . appendChild ( skillDelete ) ; return form ; }
renders the form that is used to collect skills
renders the form that is used to collect skills
// TODO: Reorder buttons here