D

dom-manipulation

Appropriate JavaScript Library

The Accordion Component is an interactive FAQ section built with HTML, CSS, and JavaScript. Designed as a frontend challenge, this component displays a list of frequently asked questions with expandable answers. Each question can be clicked to reveal its answer, accompanied by smooth transitions and animated icons that switch between a plus (+) and a times (×) symbol. The component also features a unique color scheme for each item, enhancing visual appeal and readability. This accordion layout is fully responsive and suitable for use in websites and applications that require organized, space-efficient content display.

Bibliothèque JavaScript très légère et intuitive pour manipuler le DOM facilement

Restricted Textarea is a simple web component that limits the number of characters in a textarea with real-time feedback. It visually alerts users when the character limit is reached. Perfect for use in forms requiring constrained input lengths.

Task Tracker is a simple web application for managing tasks. Users can add, complete, or delete tasks, with completed tasks shown in a strikethrough. Built using HTML, CSS, and JavaScript, this project demonstrates basic DOM manipulation and responsive design, making it ideal for learning front-end development.

This project provides a customizable dropdown menu component built with HTML, CSS, and JavaScript. The dropdown allows users to select an item from a list, displaying a placeholder when no selection is made, and showing the selected item when one is chosen. The dropdown also closes automatically when an item is selected or when a click is detected outside of the dropdown.

The Tabs project provides a simple, user-friendly tabbed interface for displaying and navigating content sections within a web page. By using HTML, CSS, and JavaScript, it allows users to switch between different content panels without reloading the page. This design improves user experience by presenting information in a compact and organized manner.

The Temperature Converter is a web app for converting temperatures between Celsius, Fahrenheit, and Kelvin. It helps practice DOM manipulation, form handling, and basic calculations in JavaScript. The “Convert” button is enabled once all fields are filled, and the result is displayed instantly.

Inspired by the Temperature Converter on roadmap.sh.

The "Caffeine on the Way" project is a modern and responsive website for a local coffee shop. It features an online menu with categories like lattes and mochas, where customers can browse through the offerings and add items to their cart. The website includes an informative "About" section that highlights the coffee shop's mission, promise, and community involvement. Customers can easily locate the physical store using the integrated Google Maps section. Additionally, there's a contact form for customers to get in touch with the coffee shop. The website showcases a visually appealing design with interactive elements like a carousel and smooth scrolling. Overall, the project aims to provide an engaging and user-friendly online experience for coffee lovers and potential customers of the coffee shop.

Binar Academy Full Stack Web Development Challenge Chapter 4 - Paper Rock Scissors game with JS DOM Manipulation

A fun game of matching cards.