jorenbroekema

https://configurator.tokens.studio/#project=rVVbb5swFP4rFqsKTAnpNPWWKNMuXfe0l3VvJVIdcBK3xI5sk6ZC/PcdXyCGXqaqRYoC5/J9x9+xj6tAqjKnPLmVnAXjoEoZQmnAyvWcCJkGY2Qs2nagHjZEWxp3GgwaX47FHWHf1rxk6juWxEs0qVtclMZ4lHw6tvb6yeRnE9OgckUlfbI6DRyk/rO4aZDxgj+/AuP1FjAvcHb3AvmHI/O0TG3i/Yoq8lLiwjyPE7nAbNnPPNYUnuURGsnPzj+fNGh7PB148p/kykqSWOYEuOpWAb8TL8hdP818+jrmk/djPnsd8+n7MZ+/jvnsjcz+Dk9ZHQwCQZZUKiKuLi5LlinKmYRTDGeYrjdcKHSlHgpyQY0Hiwe0EHyNQqmtw7w1h5OUuYQKNZCodtFfFYdq5NAOiZHMhwqWIxdcrGUns5RE/iELIgjLiGzz+2yjUtHCz/yhRXLBRrBbmVCuA1LWVBP1VhIbb8+YNNF/mwIj1xqG12Ts0EdW3tD1Qc8DcJmutTadTxXdgkeJkjjzghYAPkaRUSRG0y/IvCVmqKDpdOooQnR46FyWzMfVdXUwvO1DFyjqyhj5MHHsB+tnNEK5jt1DYy3GAN0TxAjJkVpRCT11cPAmebEleRdFEFUKhkoGWJSRfLJ311rn5iOD/aVQVgg0BfR72zlXod338aQfbSu/ZJASZZyL3Kz5N1arZI130dEAGSsadgRDH63Z9tlfrXWrFawFLdHchlGGFZH7wOtQhINwCb95OEtAlp84W0W7ntqmyEIkkqjoRorlPDmodvXNoK05Ml5wXO9mceyJEveqssKjOVwgsAy0Iru924mroRS/UoKyZVS5DNh4EBsC4KQ93PAOJxvEW9Bl70qWvBSZmS3XzRXiXd12Uszc3bcpsDJntHP9ZVL2rpt24/wSvNy4m1FHDZ6IkR63A/SOVG+2KTly2013ez/HZh4yHCnSB+10CEYkkUr3l3I3J7cY

jorenbroekema

// 'Promise' --> the guarantee that some callback is running and doing things
// and that it will come back to you when it's done,
// either by succeeding or by failing.

const promise = new Promise((resolve, reject) => {
  setTimeout(() => resolve('done!'), 2000); // increase this with 1 millisecond, and then the rejection happens before the resolution :o!
  setTimeout(() => reject('failed'), 2000);
});

promise

jorenbroekema

root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

jorenbroekema

// Arrow functions

let addFunction = function(a, b) {
  return a + b;
}

// these are different ways to write functions, with only very minor differences
addFunction =  function(a, b)    { return a + b };
addFunction =          (a, b) => { return a + b };
addFunction =          (a, b) =>          a + b  ;

jorenbroekema

/**
 * 
 *  1) OBJECTS YAY!!!
 * 
 */
const animals = {
  'turtle': '🐢',
  'unicorn': '🦄',
}

jorenbroekema

// FIZZBUZZ Simple
for (var i = 1; i <= 100; i++) {
  var fizz = 3; 
  var buzz = 5;

  if (i % 3 === 0 && i % 5 === 0){
    console.log('FizzBuzz');
  } else if (i % 3 === 0) {
    console.log('Fizz');
  } else if (i % 5 === 0) {

jorenbroekema

let choices = ['paper', 'rock', 'scissors'];
let playerChoice = prompt('What will you play? rock, paper or scissors?');
let opponentChoice = choices[Math.floor(Math.random() * 3)];

if (playerChoice === opponentChoice) {
  alert('Opponent had: ' + opponentChoice + '. DRAW!');
} else if (playerChoice === 'paper' && opponentChoice === 'rock') {
  alert('Opponent had: ' + opponentChoice + '. YOU WON :)!');
} else if (playerChoice === 'paper'  && opponentChoice === 'scissors') {
  alert('Opponent had: ' + opponentChoice + '. YOU LOST :(!');

jorenbroekema

alert('Welcome to the Rock Paper and Scissors game!');
playGame();

function playGame() {
  var choice = prompt('What will you play? rock, paper or scissors?');
  var opponentChoice = Math.ceil(Math.random() * 3);

  switch(opponentChoice) {
    case 1: opponentChoice = 'paper'; 
    case 2: opponentChoice = 'rock';