vault backup: 2022-07-26 14:08:14

content/notes/05-javascript.md

@@ -9,4 +9,34 @@ tags:
 # Javascript
 ## DOM
 - JS can access and change all the elements of an HTML document
-- When a webpage is loaded, the brow
+- When a webpage is loaded, the browser creates a DOM of the page
+- The HTML DOM model is contructed as a tree of Objects
+
+![HTML DOM Diagram|300](https://i.imgur.com/2TZ2i1c.png)
+
+JS can:
+- change elements
+- change attributes
+- change styles
+- remove elements
+- add new elements
+- react to events
+- create new events
+
+JS is 
+- descriptive
+- structued
+- interpreted
+
+can be linked externally
+- `<scipt src="script.js" defer></script>`
+- `defer` ensures that the js is loaded after the html (in a specific order)
+- `async` ensures that the js is run as soon as it is loaded (not in a specific order)
+
+typing
+ - js is dynamically typed
+ - you dont need to specify the type of variable
+
+events
+- e.g., click, hover, etc
+-