Category: element

how to scroll to an element javascript react


class ReadyToScroll extends Component {
​
    constructor(props) {
        super(props)
        this.myRef = React.createRef()  
    }
​
    render() {
        return <div ref={this.myRef}></div> 
    }  
​
    scrollToMyRef = () => window.scrollTo(0, this.myRef.current.offsetTop)   
    // run this method to execute scrolling. 
​
}

import React, { useRef } from 'react'
​
const scrollToRef = (ref) => window.scrollTo(0, ref.current.offsetTop)   
// General scroll to element function
​
const ScrollDemo = () => {
​
   const myRef = useRef(null)
   const executeScroll = () => scrollToRef(myRef)
​
   return (
      <> 
         <div ref={myRef}>I wanna be seen</div> 
         <button onClick={executeScroll}> Click to scroll </button> 
      </>
   )
}
​

import { scroller } from "react-scroll";
​
// excluded React component syntax...
​
  scrollToSection = () => {
    scroller.scrollTo("your_css_class_here", {
      duration: 800,
      delay: 0,
      smooth: "easeInOutQuart",
    });
  };
​

www.codegrepper.com
www.stackoverflow.com

how to select multiple jquery element at once


// To select multiple html element at once using jquery, follow the syntax below
$("tagName1, tagName2, tageName3")
// The above code will select "tagName1", "tagName2", tagName3
​
​
// To select multiple element using "class name" follow the syntax below
$(".className1, .className2, .className3, .className4")
​
// To select multiple element using "id name" follow the syntax below
$("#idName1, #idName2")

www.codegrepper.com
www.stackoverflow.com

how to remove last element in js


var array = [1, 2, 3, 4, 5, 6];
array.pop();
console.log(array);
//Output in console section:
//[1, 2, 3, 4, 5]

array.pop();   //returns popped element
//example
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();  // fruits= ["Banana", "Orange", "Apple"];

var colors = ["red","blue","green"];
var green = colors.splice(-1,1); //colors is now ["red", "blue"]
​

www.codegrepper.com
www.stackoverflow.com

how to remove element from array in javascript


var colors = ["red","blue","car","green"];
var carIndex = colors.indexOf("car");//get  "car" index
//remove car from the colors array
colors.splice(carIndex, 1); // colors = ["red","blue","green"]

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();

var data = [1, 2, 3];
​
// remove a specific value
// splice(starting index, how many values to remove);
data = data.splice(1, 1);
// data = [1, 3];
​
// remove last element
data = data.pop();
// data = [1, 2];

var array = [1, 2, 3, 4];
var evens = _.remove(array, function(n) {
  return n % 2 === 0;
});
console.log(array);
// => [1, 3]
console.log(evens);
// => [2, 4]

/* there are 3 ways to do so
1) pop(), which removes the last element
2) shift(), which removes the first element
3) splice(), which removes any element with a specified index.
of these only splice() takes parameters. the first parameter it takes is the
index of the element to be removed, an integer. the second is the number of 
elements to be removed, again integer. the third and fourth etc. are optional,
which is to be used if you want to replace them. Example: */
let numbers = [1, 2, 3, 4, 5];
numbers.pop(); // removes 5
numbers.shift(); // removes 1
let threeIndex = numbers.indexOf(3); // used for long arrays
numbers.splice(threeIndex, 1); // without replacement
numbers.splice(threeIndex, 1, 7) // 3 will now be replaced by 7

var colors = ["red","blue","car","green"];
var carIndex = colors.indexOf("car");//get  "car" index
//remove car from the colors array
colors.splice(carIndex, 1); // colors = ["red","blue","green"]

www.codegrepper.com
www.stackoverflow.com

how to remove first element of array in javascript


let numbers = ["I'm Not A Number!", 1, 2, 3];
numbers.shift();

var colors = ["red", "green", "blue"];
var red=colors.shift();
//colors is now ["green","blue"];

var arr = [1, 2, 3, 4]; 
var theRemovedElement = arr.shift(); // theRemovedElement == 1
console.log(arr); // [2, 3, 4]

var fruits = ["Banana", "Orange", "Apple", "Mango"]
fruits.shift()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
​
console.log(fruits.shift()); // prints "Banana"
console.log(fruits) // prints ["Orange", "Apple", "Mango"]

var cats = ['Bob', 'Willy', 'Mini'];
cats.pop(); // ['Bob', 'Willy']

www.codegrepper.com
www.stackoverflow.com

how to remove first element of array javascript


let arrayCheck = ["Apple", "Grapes", "102", "CodeBreaker"]
arrayCheck.shift()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
​
console.log(fruits.shift()); // prints "Banana"
console.log(fruits) // prints ["Orange", "Apple", "Mango"]

var arr = [1, 2, 3, 4]; 
var theRemovedElement = arr.shift(); // theRemovedElement == 1
console.log(arr); // [2, 3, 4]

var fruits = ["Banana", "Orange", "Apple", "Mango"]
fruits.shift()

www.codegrepper.com
www.stackoverflow.com