Play the classic interview Fizz Buzz game
Why not? A great template for opensource javascript projects. This was inspired by @kentcdodds awesome course on egghead
Chrome | Safari | IE / Edge | Firefox | Opera |
---|---|---|---|---|
Yes | Yes | 9+ | Yes | Yes |
Using npm
> npm install --save fizz_buzz
Using yarn
> yarn add fizz_buzz
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)
MIT