Yo ninjas! In this JavaScript tutorial, I'll be showing you how to change your web page content on the fly via the DOM. To do this, we must follow two steps:

1. Reach into the page and grab a node / element
2. Change the property of that note (either innerHTML or textContent).

In this video, I do sometimes refer to these properties as methods - that is my mistake, although the concept is still very clear to see.

If you have any questions, fire away :).

SUBSCRIBE TO CHANNEL - www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

========== CSS for Beginners Playlist ==========

www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

========== HTML for Beginners Playlist ==========

www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to - www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or thenetninja.co.uk

========== Social Links ==========

Twitter - @TheNetNinja - twitter.com/thenetninjauk

1. Introduction
2. avaScript?
3. Hello World! in JavaScript
4. Where to put your JS
5. Google Chrome Developer Tools
6. Basic JavaScript Syntax & Rules
7. JavaScript Variables
8. Basic Mathematical Operators
9. Math Operator Short-hand
10. Logging to the Console
11. Booleans in JavaScript
12. If Statements
13. Else If Statements
14. Comparison Operators
15. Logical Operators
16. While Loops
17. For Loops
18. Break & Continue
19. Practical Example using Loops
20. Functions
21. Variable Scope
22. Numbers
23. (Not a Number)
24. Strings
25. Slice and Split Strings
26. Arrays
27. Introduction to Objects
28. Creating a new JavaScript Object
29. THIS Keyword
30. Constructor Functions
31. The Date Object
32. What is the DOM in JavaScript?
33. Traversing the DOM
34. Changing Page Content
35. Changing Element Attributes
36. Changing CSS Styles
37. Adding Elements to the DOM
38. Removing Elements from the DOM
39. - Introduction to JavaScript Events
40. The onClick Event
41. Window onLoad Event
42. JavaScript Timers
43. Accessing Form Elements
44. VERY Simple Form Validation
45. JavaScript Libraries
46. What to Study Next

Go from zero to ninjas in this JavaScript for Beginners complete tutorial playlist. In this playlist we'll start with the basics - what is JavaScript, how do we use it, variables, arrays and control flow. Then we'll crank it up a notch and talk about slightly more advanced JavaScript topics such as Objects and Event handling. Finally we'll look at a few JS Libraries and where to look next to further your study!