Sep 9, 2021 JavaScript
How to remove spaces from a string in JavaScript

In this Article we will go through how to remove spaces from a string 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 removeSpaces = str => str.replace(/\s/g, '');

Sep 9, 2021 JavaScript
How to repeat a string in JavaScript

In this Article we will go through how to repeat a string 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 repeat = (str, numberOfTimes) => str.repeat(numberOfTimes);

Sep 9, 2021 JavaScript
How to reverse a string in JavaScript

In this Article we will go through how to reverse a string 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 reverse = str => str.split('').reverse().join('');

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 detect macos browser in JavaScript

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

Let's define this short function:

const isMacBrowser = /Mac|iPod|iPhone|iPad/.test(navigator.platform);

Sep 9, 2021 JavaScript
How to get all siblings of an element in JavaScript

In this Article we will go through how to get all siblings of 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 siblings = ele => [].slice.call(ele.parentNode.children).filter((child) => (child !== ele));

Sep 9, 2021 JavaScript
How to go back to the previous page in JavaScript

In this Article we will go through how to go back to the previous 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:

history.back();

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

In this Article we will go through how to hide 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:

// Pick the method that is suitable for your use case
const hide = ele => ele.style.display = 'none';

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

In this Article we will go through how to insert given html after 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 insertHtmlAfter = (html, ele) => ele.insertAdjacentHTML('afterend', html);