JS
challenger
JS
challenger
  • Getting Started
  • Overview
  • Random Challenge
  • Javascript Basics
  • Javascript Arrays
  • Javascript Objects
  • Javascript Dates
  • Javascript Sets
  • Javascript DOM
    NEW
    • - Select the button element on the page
    • - Query descendent HTML elements
    • - Select multiple HTML elements
    • - Query and exclude HTML elements
    • - Execute function on button click
    • - Execute function when cursor moves onto element
    • - Cursor enters and leaves element
    • - Move element with mouse cursor
    • - Check the checkbox
    • - Get full-name from inputs
    • - Increment the counter on button click
    • - Input filter list
    • - Todo List One
    • - Pop the balloons
    • - Stop and restart the moving button
  • Challenge Rush
Imprint Privacy Policy

Javascript DOM exercises

Make your website become dynamic and alive. Use Javascript to interact with the elements on the page. This series of challenges tests your knowledge about the Document Object Model (DOM) and how you work with it.
  1. Select the button element on the page
  2. Query descendent HTML elements
  3. Select multiple HTML elements
  4. Query and exclude HTML elements
  5. Execute function on button click
  6. Execute function when cursor moves onto element
  7. Cursor enters and leaves element
  8. Move element with mouse cursor
  9. Check the checkbox
  10. Get full-name from inputs
  11. Increment the counter on button click
  12. Input filter list
  13. Todo List One
  14. Pop the balloons
  15. Stop and restart the moving button