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
+7-7Lines changed: 7 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -23,7 +23,7 @@ A web browser is software that allows you to access websites.
23
23
24
24
### How a browser works
25
25
26
-
In your journey into becomeing a web developer it's important to know the tools you'll be using intimately. One such is the browser, which will be used to display your websites. In the following resources you'll learn about the many parts any web browser consists of and what their use is:
26
+
In your journey into becoming a web developer it's important to know the tools you'll be using intimately. One such is the browser, which will be used to display your websites. In the following resources you'll learn about the many parts any web browser consists of and what their use is:
27
27
28
28
-[How a web browser functions](https://www.youtube.com/watch?v=z0HN-fG6oT4)
29
29
-[How do web browsers work?](https://medium.com/@monica1109/how-does-web-browsers-work-c95ad628a509)
In this example we're executing the following steps:
112
112
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
115
-
3.Thirdly, we're injecting content into the element
116
-
4.Fourthly, we give our element a background color
117
-
5.Finally, we add the <p> element in the body
113
+
1.Selecting the body: this is always necessary, as we can only add or remove elements from the body of the document
114
+
2.Creating a new DOM element: a paragraph i.e. a `<p>` element
115
+
3.Injecting content into the newly create paragraph element
116
+
4.Setting the background color for the newly create paragraph element
117
+
5.Adding the newly create paragraph element element to 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:
0 commit comments