Sep 9, 2021 JavaScript
How to redirect to another page in JavaScript

In this Article we will go through how to redirect to another 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 goTo = url => location.href = url;

Sep 9, 2021 JavaScript
How to replace an element in JavaScript

In this Article we will go through how to replace an element 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 replace = (ele, newEle) => ele.parentNode.replaceChild(newEle, ele);

Sep 9, 2021 JavaScript
How to show an element in JavaScript

In this Article we will go through how to show an element 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 show = ele => ele.style.display = '';

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 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;

Sep 9, 2021 JavaScript
How to detect internet explorer browser in JavaScript

In this Article we will go through how to detect internet explorer browser only using single line of code in JavaScript.

Let's define this short function:

const isIE = !!document.documentMode;

Sep 9, 2021 JavaScript
How to get the selected text in JavaScript

In this Article we will go through how to get the selected text 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 getSelectedText = () => window.getSelection().toString();

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 insert given html before an element in JavaScript

In this Article we will go through how to insert given html before an element 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 insertHtmlBefore = (html, ele) => ele.insertAdjacentHTML('beforebegin', html);