Chapter 2: Element collections and properties

15 tasks , 1 challenge and 1 summary  

Learn more about element collections and the for of loop. Learn how to use properties to get data and manage elements. Create pop-up tooltips and validate forms.

Start
1. Check the pop-up tooltips Task
2. The querySelectorAll Method and Collections Task
3. Address the elements in the collection by index Task
4. Add handlers to both buttons Task
5. Get the value of the data attribute Task
6. Output the tooltip text to the page Task
7. Include the script in another page Task
8. The for of Loop Task
9. Add the handler using the loop Task
10. The oninput Event Handler Task
11. The Length Property, Calculating the String Length Task
12. Compare the numbers Task
13. The disabled Property, Locking the Button Task
14. Add the branch else Task
15. Reset the character counter to zero Task
16. Summary of “Element Collections and Properties” Summary
17. Test: Virtual keyboard Challenge

We are using cookies to gather information which will help you use our website most effectively. You can read about this here or disable this feature if you want. By continuing to browse the site, you agree to our use of cookies.