Skip to content

Instantly share code, notes, and snippets.

@MikeHigginbottom
MikeHigginbottom / inheritance.js
Created May 12, 2017 10:32
JavaScript Inheritance
//Properties defined in constructor
function Person(first, last, age, gender, interests) {
this.name = {
first,
last
};
this.age = age;
this.gender = gender;
this.interests = interests;
};
@MikeHigginbottom
MikeHigginbottom / objects.js
Last active May 11, 2017 22:06
JavaScript Objects
var person = {
name : {
first: 'Bob',
last: 'Smith'
},
age: 32,
gender: 'male',
interests: ['music', 'skiing'],
greeting: function() {
alert('Hi! I\'m ' + this.name.first + '.');
@MikeHigginbottom
MikeHigginbottom / anonymous-function.js
Created May 10, 2017 21:37
JavaScript Anonymous Function
var myButton = document.querySelector('button');
myButton.onclick = function() {
alert('hello');
}
@MikeHigginbottom
MikeHigginbottom / switch.js
Created May 10, 2017 13:01
JavaScript Switch
switch (expression) {
case choice1:
run this code
break;
case choice2:
run this code instead
break;
// include as many cases as you like
@MikeHigginbottom
MikeHigginbottom / arrays.js
Created May 10, 2017 11:51
JavaScript Arrays
var mixedArray = ['foo', [3, 1, 7, 15], 23];
var num = mixedArray[1][2]; //7
mixedArray.push(213); //['foo', [3, 1, 7, 15], 23, 213]
mixedArray.pop(); //['foo', [3, 1, 7, 15], 23]
mixedArray.unshift(456); //[456, 'foo', [3, 1, 7, 15], 23]
mixedArray.shift(); //['foo', [3, 1, 7, 15], 23]
@MikeHigginbottom
MikeHigginbottom / string-manipulation.js
Last active May 10, 2017 11:51
JavaScript String Manipulation
var myString = "MyString";
var len = myString.length; //8
var mine = myString.indexOf('My'); //0
var yours = myString.indexOf('Your'); //-1
var string = myString.slice(2); //String
var str = myString.slice(2,5); //Str
myString.replace('My', 'Your');
var towns = 'Manchester,London,Liverpool,Birmingham,Leeds,Carlisle';
var townsArray = towns.split(',');
var townsCopy = townsArray.join(',');
@MikeHigginbottom
MikeHigginbottom / type-conversion.js
Created May 10, 2017 11:09
JavaScript Type Conversion
var myDate = '19' + '67';
typeof myDate; //Number
var myString = '123';
var myNum = Number(myString);
typeof myNum; //Number
var myNum = 123;
var myString = myNum.toString();
typeof myString; //String
@MikeHigginbottom
MikeHigginbottom / element-attributes.js
Created May 10, 2017 10:00
Setting focus and disabling elements
submitButton.disabled = true;
textEntryField.focus();
@MikeHigginbottom
MikeHigginbottom / style-manipulation.js
Created May 10, 2017 09:56
JavaScript Adjust Element Styling
element.style.backgroundColor = 'white';
@MikeHigginbottom
MikeHigginbottom / element-creation.js
Last active May 10, 2017 09:54
JavaScript Create, Add, Remove DOM Elements
function createParagraph() {
var para = document.createElement('p');
para.textContent = 'You clicked the button!';
document.body.appendChild(para);
document.body.removeChild(para);
}