import playFizzBuzz from 'fizz_buzz'
import isString from './utils'
 
 
/**
 * Sexy `Fizz` / `Buzz` / `FizzBuzz` console logging ✨
 */
const printToConsole = (val) => {
  const styles = {
    reg: 'font-size: 14px',
    fancy: `
      padding: 3px;
      font-size: 14px;
      font-weight: bold;
      color: tomato;
      background-color: #000;
    `,
  }
 
  console.log(`%c${val}`, isString(val) ? styles.fancy : styles.reg)
}
 
 
playFizzBuzz(printToConsole)

import playFizzBuzz from 'fizz_buzz'
import isString from './utils'
 
 
const wrapper = document.getElementById('fizzbuzz-wrapper')
 
const printToPage = (val) => {
  const elem = document.createElement('li')
  const className = isString(val) ? 'fizzbuzz' : 'number'
 
  elem.innerHTML = `<span class="${className}">
    ${val}
  </span>`
 
  wrapper.appendChild(elem)
}
 
 
playFizzBuzz(printToPage)