In this Article we will go through how to serialize form data 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 serialize = formEle => Array.from(new FormData(formEle)).reduce((p, [k, v]) => Object.assign({}, p, { [k]: p[k] ? (Array.isArray(p[k]) ? p[k] : [p[k]]).concat(v) : v}), {});

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

In this Article we will go through how to strip html from a given 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 stripHtml = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';

In this Article we will go through how to toggle 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 toggle = ele => (ele.style.display = (ele.style.display === 'none') ? 'block' : 'none');

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

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

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

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;

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;

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