/ Gists / JS oneliners

Gists - JS oneliners

On gists

URL query parameters

JS oneliners

demo.js #

const params = new URLSearchParams(location.search.replace(/\?/ig, "")); // location.search = "?name=test&sex=man"
params.has("test"); // true
params.get("sex"); // "man"
On gists

Generate random ID

JS oneliners

demo.js #

const RandomId = len => Math.random().toString(36).substr(3, len);
const id = RandomId(10);
// id => "xdeguewg1f"
On gists

useCopyToClipboard

JS oneliners Vue.js

useCopyToClipboard.js #

function copyToClipboard(text) {
  let input = document.createElement('input');
  input.setAttribute('value', text);
  document.body.appendChild(input);
  input.select();
  let result = document.execCommand('copy');
  document.body.removeChild(input);
  return result;
}

export const useCopyToClipboard = () => {
  return (text) => {
    if (typeof text === "string" || typeof text == "number") {
      return copyToClipboard(text);
    }
    return false;
  }
}

// usage
const copyToClipboard = useCopyToClipboard();
copyToClipboard('just copy');
On gists

Random colors (hexa)

JS oneliners

demo.js #

const generateRandomHexColor = () =>
  `#${Math.floor(Math.random() * 0xffffff).toString(16)}`;
On gists

Scroll top / bottom

JS oneliners

demo.js #

const scrollToTop = (element) =>
  element.scrollIntoView({ behavior: "smooth", block: "start" });
  
  const scrollToBottom = (element) =>
  element.scrollIntoView({ behavior: "smooth", block: "end" });
On gists

Unique elements

JS oneliners

demo.js #

const getUnique = (arr) => [...new Set(arr)];
// Testing
const arr = [1, 1, 2, 3, 3, 4, 4, 4, 5, 5];
console.log(getUnique(arr));
On gists

Copy to clipboard

JS oneliners

demo.js #

const copyToClipboard = (text) =>
  navigator.clipboard?.writeText && navigator.clipboard.writeText(text);
// Testing
copyToClipboard("Hello World!");
On gists

Shuffle array

JS oneliners

demo.js #

const shuffleArray = (arr) => arr.sort(() => Math.random() - 0.5);
// Testing
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
console.log(shuffleArray(arr));