javascript.json

// If you are using VSCode - This is the file to add to your Javascript(Babel).json file. Once added, you will be able to use the following code snippets!

{
	"Random Number Generator": {
		"prefix": "ejs.randomNumber",
		"body": [
			"ejs.randomNumber(num1, num2);"
		],
		"description": "Generate a random number. Replace variables with hard code values, or variables of your own. Start with the lowest number first. Example: For generating a number between 1 and 10, num 1 = 1, num 2 = 10."
	},
	"Id":{
		"prefix": "ejs.Id",
		"body": [
			"ejs.Id(id);"
		],
		"description": "Replace id variable with your own, or the name of the ID you want to get. Remember to use quotes if passing the actual ID!"
	},
	"IdValue":{
		"prefix": "ejs.idValue",
		"body": [
			"ejs.IdValue(id);"
		],
		"description": "Pass in an ID to get the returned value!"
	},
	"Email Regex":{
		"prefix": "ejs.emailRegex",
		"body": [
			"ejs.emailRegex(email);"
		],
		"description": "Pass in your email you wish to test against the Regular Expression. Returns true or false."
	},
	"Phone Regex":{
		"prefix": "ejs.phoneRegex",
		"body": [
			"ejs.phoneRegex(phone);"
		],
		"description": "Pass in your phone number you wish to test against the Regular Expression. Returns true or false."
	},
	"Add Class":{
		"prefix": "ejs.addClass",
		"body": [
			"ejs.addClass(element, className);"
		],
		"description": "Pass in element (by ID) and the class name. Remember Quotes!"
	},
	"Remove Class":{
		"prefix": "ejs.removeClass",
		"body": [
			"ejs.removeClass(element, className);"
		],
		"description": "Pass in element (by ID) and the class name. Remember Quotes!"
	},
	"hide Element":{
		"prefix": "ejs.hideElement",
		"body": [
			"ejs.hideElement(id);"
		],
		"description": "Pass in element (by ID) to hide the element on the webpage."
	},
	"Show Element":{
		"prefix": "ejs.showElement",
		"body": [
			"ejs.showElement(id);"
		],
		"description": "Pass in element (by ID) to show the element on the webpage."
	},
	"Get Name":{
		"prefix": "ejs.getName",
		"body": [
			"ejs.getName(id);"
		],
		"description": "Pass in element (by ID) to get the html name."
	},
	"Get Type":{
		"prefix": "ejs.getType",
		"body": [
			"ejs.getType(id);"
		],
		"description": "Pass in element (by ID) to get the type of the element."
	},
	"to JSON":{
		"prefix": "ejs.toJSON",
		"body": [
			"ejs.toJSON(obj);"
		],
		"description": "Pass in an object to convert to JSON format."
	},
	"Find By Tag":{
		"prefix": "ejs.findByTag",
		"body": [
			"ejs.findByTag(tag);"
		],
		"description": "Pass in element (by tag) to find all elements on the webpage using the tag."
	},
	"Find By Class":{
		"prefix": "ejs.findByClass",
		"body": [
			"ejs.findByClass(className);"
		],
		"description": "Pass in element (by class name) to find all elements using the class name."
	},
	"Create Class":{
		"prefix": "ejs.newClass",
		"body": [
			"class User {",
			"\tconstructor(NAME, AGE){",
			"\tthis.name = NAME;",
			"\tthis.age = AGE",
			"\t}",
			"whoAmI(){",
				"\tconsole.log('Your name is: ' + this.name +' and you are ' + this.age + ' years old.');",
			"\t}",
			"}",
			"var u1 = new User('Jimmy', 99);",
			"console.log(u1.whoAmI());"
		],
		"description": "This just shows a basic starting point for Javascript Classes."
	},
	"Times Clicked":{
		"prefix": "ejs.timesClicked",
		"body": [
			"ejs.timesClicked();"
		],
		"description": "Add this funtion to an `onClick` event to track how many times the button, image, etc is clicked. Returns the number of times it is clicked."
	},
	"New Child Node":{
		"prefix": "ejs.newChildNode",
		"body": [
			"ejs.newChildNode(el,parentNode,text);"
		],
		"description": "Used to append a new child TEXT node. Takes 3 params: 1st is the element type you want, 2nd is what parent node to append to and 3rd is the text you want added"
	},
	"Tag Collection":{
		"prefix": "ejs.tagCollection",
		"body": [
			"ejs.tagCollection(tag);"
		],
		"description": "Returns an HTMLCollection object is an array-like list (collection) of HTML elements. ."
	},
	"New Cookie":{
		"prefix": "ejs.newCookie",
		"body": [
			"ejs.newCookie(cookie);"
		],
		"description": "Creates a cookie by passing in what you wish to store. Example of storing a name: ejs.newCookie('name=Timmy')."
	},	
	"Remove Dropdown list item":{
		"prefix": "ejs.removeDDLItem",
		"body": [
			"ejs.removeDDLItem(id);"
		],
		"description": "Pass in the id of the select list. This will remove the selected item."
	},	
	"Counter":{
		"prefix": "ejs.counter",
		"body": [
			"ejs.counter();"
		],
		"description": "Creates an returns a counter. Increments by 1 ever time you call this funtion."
	},	
	"change text":{
		"prefix": "ejs.changeText",
		"body": [
			"ejs.changeText(id,newText);"
		],
		"description": "Pass in an ID and new text, this will change the element's text."
	},
	"change Image":{
		"prefix": "ejs.changeImage",
		"body": [
			"ejs.changeImage(id,imgSrc);"
		],
		"description": "Pass in an ID and the new image file name, this will change the image."
	},
	"Generate Salt":{
		"prefix": "ejs.generateSalt",
		"body": [
			"ejs.generateSALT(number);"
		],
		"description": "Pass in a number, this will generate a unique SALT string length equal to the number you pass in."
	},
	"Compare":{
		"prefix": "ejs.compare",
		"body": [
			"ejs.compare(x,y);"
		],
		"description": "Compares two variables you pass in. Returns true or false."
	},
	"Display Date":{
		"prefix": "ejs.displayDate",
		"body": [
			"ejs.displayDate();"
		],
		"description": "Returns the current date in dd/mmmm/yy format."
	},
	"To Top":{
		"prefix": "ejs.toTop",
		"body": [
			"ejs.toTop();"
		],
		"description": "Scrolls to top of the page."
	},
	"Enable Cookies":{
		"prefix": "ejs.cookiesEnabled",
		"body": [
			"ejs.cookiesEnabled();"
		],
		"description": "Checks to see if cookies are enabled. Returns true or false."
	},
	"Close Window":{
		"prefix": "ejs.closeWindow",
		"body": [
			"ejs.closeWindow();"
		],
		"description": "Closes the current browser window."
	},
	"Close Window after":{
		"prefix": "ejs.closeWindowAfter",
		"body": [
			"ejs.closeWindowAfter(seconds);"
		],
		"description": "Closes the current browser window after x amount of seconds."
	},
	"Generate Password":{
		"prefix": "ejs.genPassword",
		"body": [
			"ejs.genPassword(length);"
		],
		"description": "Generate a random password. Pass in a number, this will determine the length of the password."
	},	
	"Get Users browser":{
		"prefix": "ejs.getUserBrowser",
		"body": [
			"ejs.getUserBrowser();"
		],
		"description": "Returns the browser and version that the user is using."
	},
	"Key Pressed":{
		"prefix": "ejs.keyPressed",
		"body": [
			"ejs.keyPressed(e);"
		],
		"description": "Detects and returns what key was pressed by the user."
	},
	"Is Checked":{
		"prefix": "ejs.isChecked",
		"body": [
			"ejs.isChecked(id);"
		],
		"description": "Pass in checkbox ID, returns true or false depending if it is checked or not."
	},
	"Find the highest occurance item in array":{
		"prefix": "ejs.arrayTopItem",
		"body": [
			"ejs.arrayTopItem(array);"
		],
		"description": "Pass in an array, returns the array element that occurs the most."
	},
	"Check to see if parameters are same value AND type":{
		"prefix": "ejs.isEqual",
		"body": [
			"ejs.isEqual(x, y);"
		],
		"description": "Checks to see if two vales are equal value AND type."
	},
	"Plot Points on Canvas":{
		"prefix": "ejs.plotPoint",
		"body": [
			"ejs.plotPoint(x, y, canvasID);"
		],
		"description": "Takes 3 params: an x and y coordinates and the id of the HTML5 canvas."
	},
	"Finds the distance of two points":{
		"prefix": "ejs.findDistance",
		"body": [
			"ejs.findDistance(x1, x2, y1, y2);"
		],
		"description": "Finds the distance between two points."
	},
	"Draws a line between two points":{
		"prefix": "ejs.drawLine",
		"body": [
			"ejs.drawLine(x1, x2, y1, y2, canvasID);"
		],
		"description": "Provide both points and the canvas ID. Draws a line connecting the points."
	},
	"Query an ID":{
		"prefix": "ejs.query",
		"body": [
			"ejs.query('#IDname');"
		],
		"description": "Replace IDname with the ID you wish to find."
	},
	"Turn JSON into Js object":{
		"prefix": "ejs.JSONToString",
		"body": [
			"ejs.JSONToString(json);"
		],
		"description": "Pass in a JSON string. Returns the same JSON but in a Javascript object."
	},
	"Sorts an array from lowest value to highest. Numbers Only.":{
		"prefix": "ejs.sortNumArray",
		"body": [
			"ejs.sortNumArray(array);"
		],
		"description": "Sorts an array from lowest value to highest. Numbers Only."
	},
	"Sorts an array from lowest value to highest. Text Only.":{
		"prefix": "ejs.sortTextArray",
		"body": [
			"ejs.sortTextArray(array);"
		],
		"description": "Sorts an array from lowest value to highest. Text Only."
	},
	"Checks if is a number":{
		"prefix": "ejs.isNumber",
		"body": [
			"ejs.isNumber(number);"
		],
		"description": "Pass in a parameter. Checks to see if it is a number. Returns true or false."
	},
	"Filter a numaric Array to remove a value":{
		"prefix": "ejs.filerNumArray",
		"body": [
			"ejs.filerNumArray(array, value);"
		],
		"description": "Pass in the array and value you wish removed. Returns the new array."
	},
	"Convert string to Int":{
		"prefix": "ejs.toInt",
		"body": [
			"ejs.toInt(string);"
		],
		"description": "Pass in a string number ('32') and the function will convert it to an Int. Returns the new Int or NaN if the given string can't convert."
	},
	"Convert to a string":{
		"prefix": "ejs.toString",
		"body": [
			"ejs.toString(x);"
		],
		"description": "Converts and returns the passed value to a string."
	},
	"Capitalize a character":{
		"prefix": "ejs.capitalize",
		"body": [
			"ejs.capitalize(string);"
		],
		"description": "Converts the first character in a string to a capital letter. Returns the new string. Great for forms!"
	},
	"Trim whitspace":{
		"prefix": "ejs.trim",
		"body": [
			"ejs.trim(string);"
		],
		"description": "Gets rid of any whitespace before or after a string. Great for forms!"
	},
	"Split an email":{
		"prefix": "ejs.splitEmail",
		"body": [
			"ejs.splitEmail(email);"
		],
		"description": "Split the given email into an array with two elements. Returns the new array split at the @ symbol."
	},
	"Convert to whole number":{
		"prefix": "ejs.wholeNum",
		"body": [
			"ejs.wholeNum(number);"
		],
		"description": "Converts and returns a number rounded to the nearest whole number."
	},
	"Convert to decimal":{
		"prefix": "ejs.toDec",
		"body": [
			"ejs.toDec(number);"
		],
		"description": "Converts and returns a number rounded to two decimal points."
	},
	"Get current local time":{
		"prefix": "ejs.currentTime",
		"body": [
			"ejs.currentTime();"
		],
		"description": "Returns a formatted string of the user's current local time."
	},
	"Get current local date":{
		"prefix": "ejs.currentDate",
		"body": [
			"ejs.currentDate();"
		],
		"description": "Returns a formatted string of the user's current local date."
	},
	"Save info to storage":{
		"prefix": "ejs.saveInfo",
		"body": [
			"ejs.saveInfo(key, value);"
		],
		"description": "Save a key value pair into session storage. Use the 'getInfo()' function to get the info back. Great for forms with AJAX! Deletes once the browser closes or the web page changes.."
	},
	"Get session data":{
		"prefix": "ejs.getInfo",
		"body": [
			"ejs.getInfo(key);"
		],
		"description": "Get's the value for a key that is stored in session storage. Great for forms with AJAX!."
	},
	"Get user's screen size":{
		"prefix": "ejs.screenSize",
		"body": [
			"ejs.screenSize();"
		],
		"description": "Returns an array with two elements. The user's screen width and height."
	},
	"Get browsers OS version":{
		"prefix": "ejs.browserOS",
		"body": [
			"ejs.browserOS();"
		],
		"description": "Returns the Operating System version of the browser."
	},
	"Get browsers language":{
		"prefix": "ejs.browserLang",
		"body": [
			"ejs.browserLang();"
		],
		"description": "Returns the language being used by the browser."
	},
	"Convert pounds to kilograms.":{
		"prefix": "ejs.lbKG",
		"body": [
			"ejs.lbKG(pounds);"
		],
		"description": "Convert pounds to kilograms."
	},
	"Convert kilograms to pounds.":{
		"prefix": "ejs.kgLB",
		"body": [
			"ejs.kgLB(kg);"
		],
		"description": "Convert kilograms to pounds."
	},
	"Convert ounces to grams.":{
		"prefix": "ejs.ozG",
		"body": [
			"ejs.ozG(ounces);"
		],
		"description": "Convert ounces to grams."
	},
	"Convert grams to ounces.":{
		"prefix": "ejs.gOZ",
		"body": [
			"ejs.gOZ(grams);"
		],
		"description": "Convert grams to ounces."
	},
	"Convert Fahrenheit to Celsius.":{
		"prefix": "ejs.farToCel",
		"body": [
			"ejs.farToCel(number);"
		],
		"description": "Convert Fahrenheit to Celsius."
	},
	"Convert Celsius to Fahrenheit.":{
		"prefix": "ejs.celToFar",
		"body": [
			"ejs.celToFar(number);"
		],
		"description": "Convert Celsius to Fahrenheit."
	},
	"Convert Miles Per Hour to Kilometers Per Hour.":{
		"prefix": "ejs.MPHtoKPH",
		"body": [
			"ejs.MPHtoKPH(mph);"
		],
		"description": "Convert Miles Per Hour to Kilometers Per Hour."
	},
	"Convert Kilometers Per Hour to Miles Per Hour.":{
		"prefix": "ejs.KPHtoMPH",
		"body": [
			"ejs.KPHtoMPH(kph);"
		],
		"description": "Convert Kilometers Per Hour to Miles Per Hour."
	},
	"Convert Boolean to Number.":{
		"prefix": "ejs.boolToNum",
		"body": [
			"ejs.boolToNum(bool);"
		],
		"description": "Convert a Boolean value to Number (0 or 1)."
	},
	"Convert Number to Boolean.":{
		"prefix": "ejs.numToBool",
		"body": [
			"ejs.numToBool(num);"
		],
		"description": "Convert Number to matching Boolean value."
	},
	"Check if Null.":{
		"prefix": "ejs.isNull",
		"body": [
			"ejs.isNull(x);"
		],
		"description": "Check to see if Null."
	},
	"Check if a number is divisable by 2.":{
		"prefix": "ejs.isEven",
		"body": [
			"ejs.isEven(number);"
		],
		"description": "Check if a number is divisable by 2."
	},
	"Get an element by Id. Allows you to chain methods from it.":{
		"prefix": "ejs.Control",
		"body": [
			"ejs.Control(id);"
		],
		"description": "Get an element by Id. Allows you to chain methods from it."
	}
}