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.
- Dom Project 1 - Basic DOM manipulation to demonstrate querying elements, modifying text, and updating styles using JavaScript.
- Dom Project 2 - A project that showcases event handling in JavaScript, including click events, form submissions, and keyboard events.
- Dom Project 3 - A project to dynamically create and modify HTML elements using JavaScript's DOM methods like
createElement
,appendChild
, andinnerHTML
. - Dom Project 4 - A more advanced project focusing on handling multiple DOM elements, updating attributes, and performing animations using JavaScript.
- Basic knowledge of HTML, CSS, and JavaScript.
- Familiarity with DOM methods and event handling in JavaScript.
-
Clone the repository:
git clone git@github.com:amar-jondhalekar/JS-DOM-Projects.git
-
Navigate to the desired project folder:
cd JS-DOM-Projects/Dom\ Project\ 1
-
Open the
index.html
file in your web browser to view the project:open index.html
Feel free to contribute to these JavaScript DOM projects by forking this repository, making improvements, and submitting pull requests.
This repository is maintained by Amar Jondhalekar.
Happy Coding! 🎉