I\'m at the point now where i really want to organize my code in a way that makes it more scalable and manageable. i want to get a better understanding of the MVC architectural
Looking at code has always been the best way for me to learn so I figured I would share these.
TODO mvc comparing many different JS MV* Frameworks
The above link compares all the JS mv* frameworks. This demo should particularly interest you,
Vanilla JS Todo mv* implementation
source
From the sounds of it you understand what MVC is and are just confused as to how to implement it in JS, just look at the many different frameworks out there (ember.js, backbone.js, etc) and their source to get their take on it. The todo list is a great starting point.