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)