Open-source JavaScript challenges
v1.0
100+ JavaScript Projects, Challenges, and Patterns
Learn by building. Explore a curated set of real-world mini-projects and patterns crafted to sharpen your fundamentals and modern JS skills — from DOM to async, canvas, and more.
Join developers learning by building. Fork, star, contribute.
fizzbuzz.js
// Classic: FizzBuzz
const fizzbuzz = (n = 100) => {
return Array.from({ length: n }, (_, i) => {
const k = i + 1
return k % 15 === 0 ? 'FizzBuzz'
: k % 3 === 0 ? 'Fizz'
: k % 5 === 0 ? 'Buzz'
: k
})
}
// Debounce helper
const debounce = (fn, delay = 200) => {
let t
return (...args) => {
clearTimeout(t)
t = setTimeout(() => fn(...args), delay)
}
}
// DOM example
const el = document.querySelector('#output')
fizzbuzz(30).forEach(v => {
const li = document.createElement('li')
li.textContent = v
el.appendChild(li)
})- 1
- 2
- Fizz
- 4
- Buzz
- Fizz
