UI Components
A reusable starter layout for JavaScript mini projects.
Day 01: Button Counter
Current Count: 0
Day 02: Character Count / Textarea Limit
Day 03: FAQ Accordion
The forEach() method of Array instances executes a provided function once for each array element.
The read-only classList property of the Element interface contains a live DOMTokenList collection representing the class attribute of the element. This can then be used to manipulate the class list.
The getAttribute() method of the Element interface returns the value of a specified attribute on the element.
If the given attribute does not exist, the value returned will be null.
The setAttribute() method of the Element interface sets the value of an attribute on the specified element. If the attribute already exists, the value is updated; otherwise a new attribute is added with the specified name and value.
The HTMLElement property hidden reflects the value of the element's hidden attribute.
Day 04: Modal Dialog
Day 05: Tabs Component
Overview content goes here.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptate fugiat aut natus deleniti reiciendis, labore recusandae! Neque debitis est amet? Minima veniam deleniti amet minus repudiandae aliquid omnis delectus.
Notes content goes here.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, fugiat.
Resources content goes here.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, fugiat! Molestiae debitis quisquam nobis in repellendus iste deleniti officia cupiditate nam velit. Dignissimos corporis, unde rem odit tempore, ex modi officia dolore quia natus consequuntur.
Day 06: Toast Notification System
Day 07: Filterable List
- Button Counter
- Modal Dialog
- Accordion FAQ
- Theme Toggle
- Task List
No results found.
Day 08: Theme Toggle + Caching Data
Day 09: Form Validation States
Day 10: Simple Task List
- Read MDN documentation
No tasks yet.