scrollto element by id

ByAnurag batra July 1, 2022June 30, 2022

// scroll to specified element. accepts params to choose scroll type, position on page etc
document.getElementById("divFirst").scrollIntoView();
// scrolls smoothly and centers div:
document.getElementById("divFirst").scrollIntoView({behavior: "smooth", block: "center"});
// for all param options visit developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

Here is what the above code is Doing:
1. We’re selecting the element with the id of “divFirst”
2. We’re calling the scrollIntoView() method on that element
3. We’re passing in an object with two properties:
a. behavior: “smooth”
b. block: “center”

The behavior property tells the browser to scroll smoothly to the element.
The block property tells the browser to center the element on the page.

javascript declare string in multiple lines

Javascript Examples

javascript declare string in multiple lines

ByAnurag batra July 25, 2022June 30, 2022

//write ` instead of ‘ //ALT + 096 (numeric keyboard) Here is what the above code is Doing: 1. We are creating a variable called `name` and assigning it a value of `”John”`. 2. We are creating a variable called `age` and assigning it a value of `20`. 3. We are creating a variable called…

Could not find router reducer in state tree, it must be mounted under “router”

Javascript Examples

Could not find router reducer in state tree, it must be mounted under “router”

ByAnurag batra July 8, 2022June 30, 2022

If it’s history v5.0.0, i decrease verion 4.10.1, it’s work ok npm install history@4.10.1 Here is what the above code is Doing: 1. Import the createBrowserHistory function from the history package. 2. Create a history object using the createBrowserHistory function. 3. Pass the history object to the component. 4. Pass the history object to the…

Javascript Examples

Javascript get caller function

ByAnurag batra July 16, 2022June 30, 2022

function alertTheCallersName(){ var callingFunctionName=alertTheCallersName.caller.name; //get the callers name here alert(callingFunctionName); } function someOtherFunction(){ alertTheCallersName(); } someOtherFunction(); Here is what the above code is Doing: 1. We have a function called alertTheCallersName() 2. We have another function called someOtherFunction() 3. someOtherFunction() calls alertTheCallersName() 4. alertTheCallersName() uses the caller property to get the name of the function…

Javascript Examples

js dictionary contains key

ByAnurag batra July 17, 2022June 30, 2022

var person={“name”:”Billy”,”age”:20} person.hasOwnProperty(“name”); // true person.hasOwnProperty(“sex”); // false Here is what the above code is Doing: 1. We create an object called person. 2. We check if the person object has a property called name. 3. We check if the person object has a property called sex.

generate a sequence numbers between a range javascript

Javascript Examples

generate a sequence numbers between a range javascript

ByAnurag batra July 30, 2022June 30, 2022

Array.from({length: 20}, (x, i) => i); Here is what the above code is Doing: 1. We create an array of 20 elements. 2. We map each element to its index. 3. We filter out all the even numbers. 4. We double each remaining element. 5. We reduce the array to a single value.

how to convert string to int a array in javascript

Javascript Examples

how to convert string to int a array in javascript

ByAnurag batra July 31, 2022June 30, 2022

var a = “1,2,3,4”; var b = a.split(‘,’).map(function(item) { return parseInt(item, 10); }); Here is what the above code is Doing: 1. We have a string of numbers separated by commas. 2. We use the split() method to split the string into an array of strings. 3. We use the map() method to iterate through…

Similar Posts