Skip to main content

Posts

Showing posts from December, 2020

Understanding DOM Selectors

Many of us have encountered the problem of choosing which selector to use from the list of JavaScript selectors. Using the right selector can solve enormous amount of problem and can make the code readable and clean. To get a clear glimpse of how to use the selectors, let us take a look at what all these selectors are and what is their functionality - document.getElementById() :   This selector returns only one element with a specified Id. Also as we know that only one element can poses a specific Id, so the latter is obvious.              syntax - document.getElementById("main_item-Id"); There is no requirement to add "#" before mentioning the Id of the element in this selector. document.getElementsByClassName()  :     This one returns a HTML Collection of all the elements having the specified class as that mentioned in the selector. Notice the "s" after element, it represents the same thing.   ...

User Interaction in CLI programming: readlineSync

Interacting with user input in CLI is much different than GUI. In a CLI app you need to read the user-input using a node package. One such package is readline-sync. It allows the interaction of user with CLI through console.   How to use readlineSync in your code: First initialize npm(node package manager) in your repo -                npm init      //Some online editor such as repl etc. have this pre-initialized Install the readline package from npm in your repo/folder -             npm install readline-sync      //Some editors automatically execute this part even without mention Require the readline-sync module in your code -             var readlineSync = require('readline-sync'); Now this readlineSync is ready to be used and perform different functions in your code. Different uses of readlineSync  : //Simply Taking user...