chrislaughlin

const people = [{
  "id": 1,
  "first_name": "Katleen",
  "last_name": "Josefs",
  "email": "[email protected]",
  "gender": "Female",
  "ip_address": "68.36.229.0"
}, {
  "id": 2,
  "first_name": "Cletus",

chrislaughlin

//define colors
var c = {
	db: "#036", //darkblue
  bk: "#000", //black
  rd: "#F00", //red
  tn: "#FC9", //tan
  lp: "#F9F", //lightpink
  dp: "#F39", //darkpink
  og: "#F90", //orange

chrislaughlin

const myString = "This string has many spaces";
console.log(myString.replace(/ /,""));
//"Thisstring has many spaces"
console.log(myString.replace(/ /g,""));
//"Thisstringhasmanyspaces"

chrislaughlin

const chris1 = {
   name: 'Chris',
   location: 'Belfast'
}

const chris2 = {
   name: 'Chris',
   location: 'Belfast'
}

chrislaughlin

const chris1 = {
   name: 'Chris',
   location: 'Belfast'
}

const chris2 = {
   name: 'Chris',
   location: 'Belfast'
}

chrislaughlin

for (var i = 0; i < 5; i++) {
	setTimeout(console.log.bind(this, i), 1000);
}

chrislaughlin

for (var i = 0; i < 5; i++) {
	setTimeout(function () {
		console.log(i);
	}, 1000);
}

chrislaughlin

onClick: () => {
  console.log(Window.event);
}
//Bad 

onClick: (event) => {
  console.log(event);
}
//Good

chrislaughlin

this.foo = 'foo';

document.querySelector('.my-div').onclick = () => {
  console.log(this.foo)
}

chrislaughlin

this.foo = 'foo';

document.querySelector('.my-div').onclick = function() {
  console.log(this.foo)
}
//Logs undefined

document.querySelector('.my-div').onclick = function() {
  console.log(this.foo)
}.bind(thid);