From 86bfbc9f57965868d4292d08276883352bb95550 Mon Sep 17 00:00:00 2001
From: Yash Dewasthale <72986960+yashdev9274@users.noreply.github.com>
Date: Sat, 10 Sep 2022 19:19:24 +0530
Subject: [PATCH] Add content for DOM manipulation (#1725)

* Update 101-learn-dom-manipulation.md

* Update content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../content/103-javascript/101-learn-dom-manipulation.md      | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md b/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md
index d51a2ebcc..3bb9d490a 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md
@@ -1,8 +1,10 @@
 # DOM Manipulation
 
-The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory.
+The Document Object Model (DOM) is a programming interface built for HTML and XML documents. It represents the page that allows programs and scripts to dynamically update the document structure, content, and style. With DOM, we can easily access and manipulate tags, IDs, classes, attributes, etc.  
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://javascript.info/dom-nodes'>DOM Treee</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.geeksforgeeks.org/dom-document-object-model/'>GeeksForGeeks - DOM (Document Object Model)</BadgeLink>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.freecodecamp.org/news/what-is-the-dom-document-object-model-meaning-in-javascript/'>What is the DOM?</BadgeLink>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://eloquentjavascript.net/14_dom.html'>Eloquent JavaScript, 3rd Edition: The Document Object Model</BadgeLink>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.w3schools.com/js/js_htmldom.asp'>JavaScript HTML DOM</BadgeLink>