app.js
//renders the container for each catagories skills
renders the container for each catagories skills
renders the container for each catagories skills
function skillsWrapper (catagoryName) {
	var outerDiv = document.createElement('div');
	outerDiv.className = 'card skills ' + catagoryName;
		var headerDiv = document.createElement('div');
		headerDiv.className = 'header';
		outerDiv.appendChild(headerDiv);
			var heading = document.createElement('H1');                       
			var text = document.createTextNode(catagoryName);      
			heading.appendChild(text);   
			headerDiv.appendChild(heading);
				var moreButton = document.createElement('input');
				moreButton.type = 'button';
				moreButton.className = 'material-icons';
				moreButton.value = 'more_vert';
				headerDiv.appendChild(moreButton);
			var content = document.createElement('div');
			content.className = 'card-content content-' + catagoryName;
			outerDiv.appendChild(content);
			var footerDiv = document.createElement('div');
			footerDiv.className = 'footer';
			outerDiv.appendChild(footerDiv);
				var form = document.createElement('form');
					var createNewCatagorySubmit = document.createElement('input');  
					createNewCatagorySubmit.className = 'flat-button add';
				    createNewCatagorySubmit.type = 'button';
				    createNewCatagorySubmit.value = 'Add New Skill';	
				    createNewCatagorySubmit.setAttribute("onclick", "addNewSkill('" + catagoryName + "')");
				    var deleteCatagory = document.createElement('input'); 
				    deleteCatagory.className = 'flat-button delete'; 
				    deleteCatagory.type = 'button';
				    deleteCatagory.value = 'Delete Catagory';	
				    deleteCatagory.setAttribute("onclick", "deleteCatagory('" + catagoryName + "')");
				form.appendChild(createNewCatagorySubmit); 
				form.appendChild(deleteCatagory);	
			footerDiv.appendChild(form);
		content.appendChild(renderFormTemplate(catagoryName));
	return outerDiv;
}
function skillsWrapper ( catagoryName ) { var outerDiv = document . createElement ( 'div' ) ; outerDiv . className = 'card skills ' + catagoryName ; var headerDiv = document . createElement ( 'div' ) ; headerDiv . className = 'header' ; outerDiv . appendChild ( headerDiv ) ; var heading = document . createElement ( 'H1' ) ; var text = document . createTextNode ( catagoryName ) ; heading . appendChild ( text ) ; headerDiv . appendChild ( heading ) ; var moreButton = document . createElement ( 'input' ) ; moreButton . type = 'button' ; moreButton . className = 'material-icons' ; moreButton . value = 'more_vert' ; headerDiv . appendChild ( moreButton ) ; var content = document . createElement ( 'div' ) ; content . className = 'card-content content-' + catagoryName ; outerDiv . appendChild ( content ) ; var footerDiv = document . createElement ( 'div' ) ; footerDiv . className = 'footer' ; outerDiv . appendChild ( footerDiv ) ; var form = document . createElement ( 'form' ) ; var createNewCatagorySubmit = document . createElement ( 'input' ) ; createNewCatagorySubmit . className = 'flat-button add' ; createNewCatagorySubmit . type = 'button' ; createNewCatagorySubmit . value = 'Add New Skill' ; createNewCatagorySubmit . setAttribute ( "onclick" , "addNewSkill('" + catagoryName + "')" ) ; var deleteCatagory = document . createElement ( 'input' ) ; deleteCatagory . className = 'flat-button delete' ; deleteCatagory . type = 'button' ; deleteCatagory . value = 'Delete Catagory' ; deleteCatagory . setAttribute ( "onclick" , "deleteCatagory('" + catagoryName + "')" ) ; form . appendChild ( createNewCatagorySubmit ) ; form . appendChild ( deleteCatagory ) ; footerDiv . appendChild ( form ) ; content . appendChild ( renderFormTemplate ( catagoryName ) ) ; return outerDiv ; }
renders the container for each catagories skills
renders the container for each catagories skills