Repository files navigation

31 Mini Project.:fire:

• Color FlipperSee in Codepen ✅

  • arrays
  • getElementById()
  • querySelector()
  • addEventListener()
  • body.style.backgroundColor
  • Math.floor()
  • Math.random()
  • array.length

• CounterSee in Codepen ✅

  • querySelectorAll()
  • forEach()
  • addEventListener()
  • currentTarget property
  • classList
  • textContent

• Review CarouselSee in Codepen ✅

  • objects
  • DOMContentLoaded
  • addEventListener()
  • array.length
  • textContent

• Responsive NavbarSee in Codepen ✅

  • querySelector()
  • addEventListener()
  • classList.toggle()

• 🔥SidebarSee in Codepen ✅

  • querySelector()
  • addEventListener()
  • classList.toggle()
  • classList.remove()

• Modal HighSee in Codepen ✅

  • querySelector()
  • addEventListener()
  • classList.add()
  • classList.remove()

• 🔥ModalSee in Codepen ✅

  • addEventListener()
  • classList.add()
  • classList.remove()

• FAQ PageSee in Codepen ✅

  • querySelectorAll()
  • addEventListener()
  • forEach()
  • classList.remove()
  • classList.toggle()

• 🔥Restaurant Menu PageSee in Codepen ✅

  • arrays
  • objects
  • forEach()
  • DOMContentLoaded
  • map, reduce, and filter
  • innerHTML
  • includes method

• Video BackgroundSee in Codepen ✅

  • document.querySelector()
  • addEventListener()
  • classList.contains()
  • classList.add()
  • classList.remove()
  • play()
  • pause()

• 🔥Form ValidationSee in Codepen ✅

  • querySelector()
  • conditions
  • querySelectorAll()

• Color ChangeSee in Codepen ✅

  • querySelector()
  • Math.floor()
  • Math.random()
  • colors

• 🔥Book A TicketSee in Codepen ✅

  • querySelectorAll()
  • querySelector()
  • array
  • options

• Convert TempSee in Codepen ✅

  • querySelectorAll()
  • querySelector()
  • Math
  • actions

• 🔥Key CodeSee in Codepen ✅

  • querySelector()
  • getElementById()
  • keyboard event

• Show PasswordSee in Codepen ✅

  • getElementByClassName()
  • getElementById()
  • class list
  • querySelector()

• Range SliderSee in Codepen ✅

  • range slider
  • input
  • querySelector()

• Dynamic ThemeSee in Codepen ✅

  • class list
  • querySelector()

• Custom Scroll BarSee in Codepen ✅

  • scroll
  • events
  • DOM
  • querySelector()

• Navigation Bar on ScrollSee in Codepen ✅

  • getElementById()
  • getFullYear()
  • getBoundingClientRect()
  • slice method
  • window.scrollTo()

• 🔥Tabs that display different contentSee in Codepen ✅

  • classList.add()
  • classList.remove()
  • forEach()
  • addEventListener()

• 🔥Countdown ClockSee in Codepen ✅

  • getFullYear()
  • getMonth()
  • getDate()
  • Math.floor()
  • setInterval()
  • clearInterval()

• Your Own Lorem ipsumSee in Codepen ✅

  • parseInt()
  • Math.floor()
  • Math.random()
  • isNaN()
  • slice method
  • event.preventDefault()

• Grocery ListSee in Codepen ✅

  • DOMContentLoaded
  • new Date()
  • createAttribute()
  • setAttributeNode()
  • appendChild()
  • filter()
  • map()

• 🔥Custom Context MenuSee in Codepen ✅

  • context menu
  • pageX, pageY
  • events
  • querySelector()

• Max Length inputSee in Codepen ✅

  • input
  • key events
  • querySelector()

• 🔥Todo List Local StorageSee in Codepen ✅

  • local storage
  • key events
  • arrays
  • jsons
  • splice

• Image SliderSee in Codepen ✅

  • setInterval
  • class list
  • events
  • addEventListener()
  • querySelector()

• 🔥BMI CalculatorSee in Codepen ✅

  • events
  • addEventListener()
  • querySelector()

• Animated KeyboardSee in Codepen ✅

  • events
  • addEventListener()
  • querySelector()

• 🔥PaginationSee in Codepen ✅

  • Math.ceil
  • class list
  • array
  • appendChild()
  • events