akshayvinchurkar1

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle Functions on Resize
Create DOM Elements	Conditionals

akshayvinchurkar1

 // dynamic id and href generation
      function buildidtree() {
        var count = 0;
        
        var elements = document.querySelectorAll(".add-sub-agenda");
        var createnewagenda = document.querySelectorAll(".createnewagenda");
        
        var id = [];
        
        var href = [];

akshayvinchurkar1

Run the following steps inside a clean directory

Not sure if you are in the same boat as I, but I could not find any good resource out there that pulled this all together. So here is a step-by-step tutorial for creating a Node.js app from scratch, adding in Grunt and then Node-Sass. Yeah, try and find good docs on Node-Sass alone :(

Hope this is of help!

Create your Node.js project

• npm init - create a clean node project
• NOTE: be sure to add "private": true, to the package.json so that your project is not globally distributed as a npm app

akshayvinchurkar1

/*
      this code is vanilla javascript with zero dependency
      this code is required for panels show and hide functionality 
      localstorage is use for remember the state of the panels.
    */
    "use strict";

    const togglePanel = document.querySelector(".togglepanel");
    const clashpanel = document.querySelector('.clashData');