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