JavaScript Practice Tasks

Practice by building small browser features. These tasks are designed to help both developers and automation testers.

DOM Tasks

1. Create a counter with increment, decrement, and reset buttons.
2. Build a live search filter for a list of course cards.
3. Show and hide a modal using button clicks.

Form Tasks

1. Validate an email field before submit.
2. Disable the submit button until required fields are filled.
3. Show inline error messages for invalid input.

API Tasks

1. Fetch users from an API and render cards.
2. Add loading, empty, and error states.
3. Write test scenarios for slow network and failed API responses.

Interview Questions

• What is the DOM?
• What is event bubbling?
• What is the difference between synchronous and asynchronous code?
• Why should fetch errors be handled explicitly?