You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: Week1/README.md
+5-5Lines changed: 5 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -78,7 +78,7 @@ The Document-Object Model (DOM) is a tree-like representation of the structure o
78
78
79
79

80
80
81
-
JavaScript is made accessible to the DOM by embedding it into an HTML file. You might've seen the <script></script> before; well, this is how the browser becomes aware of JavaScript.
81
+
JavaScript is made accessible to the DOM by embedding it into an HTML file. You might've seen the `<script></script>` before; well, this is how the browser becomes aware of JavaScript.
82
82
83
83
-[What exactly is the DOM](https://bitsofco.de/what-exactly-is-the-dom/)
84
84
-[JavaScript and the browser](https://eloquentjavascript.net/13_browser.html)
In this example we're executing the following steps:
112
112
113
113
1. We're first selecting the body: this is always necessary, as we can only add or remove elements from the body of the document
114
-
2. Secondly, we're creating a new DOM element: a <p> element
114
+
2. Secondly, we're creating a new DOM element: a `<p>` element
115
115
3. Thirdly, we're injecting content into the element
116
116
4. Fourthly, we give our element a background color
117
-
5. Finally, we add the <p> element in the body
117
+
5. Finally, we add the `<p>` element in the body
118
118
119
-
Test this code out by copying and pasting it in the Developer Console of your browser. After you've pressed the Enter/Return key you will find your new <p> at the end of the page!
119
+
Test this code out by copying and pasting it in the Developer Console of your browser. After you've pressed the Enter/Return key you will find your new `<p>` at the end of the page!
120
120
121
121
Learning how to write JavaScript that targets the DOM is an essential part of being a web developer. In the following resources you'll more about how to do that:
Test this code out by copying and pasting it in the Developer Console of your browser. After you've pressed the Enter/Return click the website. You should see the whole <body> becoming black!
151
+
Test this code out by copying and pasting it in the Developer Console of your browser. After you've pressed the Enter/Return click the website. You should see the whole `<body>` becoming black!
152
152
153
153
This is DOM manipulation in its simplest form. It goes in three essential steps:
0 commit comments