Summary

A single page with several practices of DOM manipulation, using APIs of vanilla JS.

Leasons Learned

  • Toggle dark mode
  • Toggle side menu with media queries
  • Scroll spy
  • Auto scroll to top
  • Button events to display clock and play an audio
  • Keyboard events to display alerts and move elements of DOM in delimited area
  • Countdown at DOM content loaded
  • Responsive video for mobile devices
  • Open and close windows with height, width and url given by user
  • Detect browser and os
  • Detect internet conection
  • Detect and use of web cam
  • Detect current location
  • Search input for some images
  • Random draw in given list
  • Responsive slider
  • Play video when is showed to user
  • Form validations and submit to external API
  • Voice narrator in several lenguajes of given text