JavaScript DOM Mini Projects

This repository contains a collection of mini projects that demonstrate the use of JavaScript to manipulate the Document Object Model (DOM). These projects are ideal for developers looking to practice and enhance their JavaScript and DOM manipulation skills.

Projects Included

  1. Dom Project 1 - Basic DOM manipulation to demonstrate querying elements, modifying text, and updating styles using JavaScript.
  2. Dom Project 2 - A project that showcases event handling in JavaScript, including click events, form submissions, and keyboard events.
  3. Dom Project 3 - A project to dynamically create and modify HTML elements using JavaScript's DOM methods like createElement, appendChild, and innerHTML.
  4. Dom Project 4 - A more advanced project focusing on handling multiple DOM elements, updating attributes, and performing animations using JavaScript.

Getting Started

Prerequisites

  • Basic knowledge of HTML, CSS, and JavaScript.
  • Familiarity with DOM methods and event handling in JavaScript.

Installation

  1. Clone the repository:

    git clone git@github.com:amar-jondhalekar/JS-DOM-Projects.git
  2. Navigate to the desired project folder:

    cd JS-DOM-Projects/Dom\ Project\ 1
  3. Open the index.html file in your web browser to view the project:

    open index.html

Contributions

Feel free to contribute to these JavaScript DOM projects by forking this repository, making improvements, and submitting pull requests.

Author

This repository is maintained by Amar Jondhalekar.


Happy Coding! 🎉