Day 03: FAQ Accordion
Create a textarea that updates a live character count as the user types.
JavaScript focus
- looping through buttons
- toggling classes
- aria-expanded
- hidden attribute or max-height class strategy
Nice extras
- only one panel open at a time
- keyboard support
- smooth open/close animation with CSS classes
MDN prep
Accordion
Vanilla JavaScript means using JavaScript without frameworks.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam nostrum aliquam, exercitationem tempore nam cum quos id, voluptas sunt explicabo non fugiat optio debitis suscipit eum? Accusantium autem deserunt impedit!
It helps you understand the DOM, events, and accessibility.