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);
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));
In this Article we will go through how to get the position of an element relative to the document 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 getPosition = ele => (r = ele.getBoundingClientRect(), { left: r.left + window.scrollX, top: r.top + window.scrollY });
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();
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();
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';
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);