Skip to content

A collection of small projects to practice JavaScript DOM manipulation methods, including to-do lists, form validation, event handling, and dynamic styling.

Notifications You must be signed in to change notification settings

PriyaNayak28/Fruit-World

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

DOM Manipulation Practice

Description

This repository is created for practicing and demonstrating various JavaScript DOM manipulation methods. It contains small projects and examples that show how to dynamically interact with webpage elements using DOM methods.

Through this practice, you will gain a better understanding of how to:

  • Add, edit, and delete elements on a webpage.
  • Handle user interactions and events.
  • Traverse and modify the DOM structure.
  • Change the styles and properties of elements dynamically.

Features

  • Basic To-Do List: Add, edit, and delete tasks using DOM methods like createElement, appendChild, and removeChild.
  • Form Validation: Validate form inputs dynamically using input.value, classList.add, classList.remove, and more.
  • Event Listeners: Attach event listeners to elements to handle user interactions (e.g., clicks, keypresses).
  • Dynamic Styling: Change the appearance of elements using JavaScript to modify CSS properties.
  • DOM Traversal: Learn how to navigate between parent, child, and sibling elements in the DOM.

Getting Started

Installation

  1. Clone the repository to your local machine:

    git clone https://github.com/PriyaNayak28/Fruit-World
    

About

A collection of small projects to practice JavaScript DOM manipulation methods, including to-do lists, form validation, event handling, and dynamic styling.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published