Sep 9, 2021 JavaScript
How to insert an element after other one in JavaScript

In this Article we will go through how to insert an element after other one only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const insertAfter = (ele, anotherEle) => anotherEle.parentNode.insertBefore(ele, anotherEle.nextSibling);

Sep 9, 2021 JavaScript
How to insert an element before other one in JavaScript

In this Article we will go through how to insert an element before other one only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const insertBefore = (ele, anotherEle) => anotherEle.parentNode.insertBefore(ele, anotherEle);

Sep 9, 2021 JavaScript
How to get the weekday of a date in JavaScript

In this Article we will go through how to get the weekday of a date only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const getWeekday = date => ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];

Sep 9, 2021 JavaScript
How to get the yesterday date in JavaScript

In this Article we will go through how to get the yesterday date only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const yesterday = (d => new Date(d.setDate(d.getDate() - 1)))(new Date);

Sep 9, 2021 JavaScript
How to initialize the current date but set time to midnight in JavaScript

In this Article we will go through how to initialize the current date but set time to midnight only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const midnightOfToday = () => new Date(new Date().setHours(0, 0, 0, 0));

Sep 9, 2021 JavaScript
How to sort an array of dates in JavaScript

In this Article we will go through how to sort an array of dates only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const sortDescending = arr => arr.sort((a, b) => a.getTime() > b.getTime());
const sortAscending = arr => arr.sort((a, b) => a.getTime() < b.getTime());

Sep 9, 2021 JavaScript
How to check if an element is a descendant of another in JavaScript

In this Article we will go through how to check if an element is a descendant of another only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const isDescendant = (child, parent) => parent.contains(child);

Sep 9, 2021 JavaScript
How to check if an element is focused in JavaScript

In this Article we will go through how to check if an element is focused only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const hasFocus = ele => (ele === document.activeElement);

Sep 9, 2021 JavaScript
How to check if the touch events are supported in JavaScript

In this Article we will go through how to check if the touch events are supported only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const touchSupported = () => ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);

Sep 9, 2021 JavaScript
How to check if user scrolls to the bottom of the page in JavaScript

In this Article we will go through how to check if user scrolls to the bottom of the page only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const isAtBottom = () => document.documentElement.clientHeight + window.scrollY >= document.documentElement.scrollHeight;