The Joe Codes Blog - Spooky Event Loop - Synchronous

event-loop-synchronous.js

const changeEmojiDisplay = (type = 'show') => {
  console.log('2');
  const elements = document.getElementsByClassName('spooky-emoji');
  for (let element of elements) {
    console.log('(3) change element className');
    element.className = `spooky-emoji spooky-emoji--${type}`;
  }
};

const changeTextDisplay = (type = 'show') => {
  console.log('5');
  const elements = document.getElementsByClassName('spooky-text');
  for (let element of elements) {
    console.log('(6) change element className');
    element.className = `spooky-text spooky-text--${type}`;
  }
};

const start = () => {
  console.log('1');
  changeEmojiDisplay(); 
  console.log('4');
  changeTextDisplay(); 
  console.log('7');
};

const reset = () => {
  changeEmojiDisplay('hide');
  changeTextDisplay('hide');  
}