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 563aa6e44..125c3dff3 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
@@ -4,6 +4,7 @@ The Document Object Model (DOM) connects web pages to scripts or programming lan
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <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>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.javascripttutorial.net/javascript-dom/'>JavaScript DOM</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=7Tok22qxPzQ'>What is DOM, Shadow DOM and Virtual DOM?</BadgeLink>