ifElseRefactor.js

/* logic for determing a button color based on the page location: */

// using conditional logic

const location = window.location.pathname;

let buttonColor = 'red';

if(location === 'signIn'){
  buttonColor = 'yellow';
}else if(location === 'signOut'){
  buttonColor = 'orange';
}else if(location === 'shop'){
  buttonColor = 'green';
}

// using an object

const location = window.location.pathname;

const buttonColorMap = {
  signIn: 'yellow',
  signOut: 'orange',
  shop: 'green'
}

const buttonColor = buttonColorMap[location] || 'red';