HTML Academy
  • HTML Academy
  • Courses
  • Courses
  • For schools
  • Advanced Courses
    • Regular expressions
    • Template Engine
    • Design systems
    • CSS-animation
    • Algorithms and Data Structures
    • TypeScript, part 1. Type theory
  • Sign up
  • Log in
  • Home
  • Interactive courses
  • JavaScript basics
  1. Conditions and creating elements0/15
  2. Element collections and properties0/16
  3. Scrolling and operators0/14
  4. Dynamic element styles0/16

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.

Get access
Check the pop-up tooltips Task
The querySelectorAll Method and Collections Task
Address the elements in the collection by index Task
Add handlers to both buttons Task
Get the value of the data attribute Task
Output the tooltip text to the page Task
Include the script in another page Task
The for of Loop Task
Add the handler using the loop Task
The oninput Event Handler Task
The Length Property, Calculating the String Length Task
Compare the numbers Task
The disabled Property, Locking the Button Task
Add the branch else Task
Reset the character counter to zero Task
Summary of “Element Collections and Properties” Summary
Test: Virtual keyboard Challenge

Cookies ∙ Privacy ∙ License Agreement ∙ About ∙ Contacts ∙ © HTML Academy OÜ,2019−2023

VISAMastercard

Log in

or

Forgot your password?

Sign up

Sign up

or
Log in

Restore access

Have you forgotten your password or lost access to your profile? Enter your email connected to your profile and we will send you a link to restore access.

Forgot to connect your email to the profile? Email us and we’ll help.

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.