Code Snippets: Laravel, PHP, JavaScript & SQL

Code snippets

Copy-ready answers to everyday coding questions, each with a short explanation. Laravel, PHP, JavaScript, SQL, Bash and more.

5 snippets tagged #javascript · Show all

JavaScript October 14, 2026 JavaScript dark mode toggle that remembers the user’s choice Uses the system preference on the first visit, then saves the user’s choice in localStorage. It sets a data-theme attribute you can style in CSS.

const root = document.documentElement;
const saved = localStorage.getItem('theme');
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;

JavaScript October 14, 2026 JavaScript remove duplicates from an array A Set keeps only unique values, so spreading it back into an array removes duplicates. For objects, dedupe by a key with a Map.

const nums = [1, 2, 2, 3, 3, 3];
const unique = [...new Set(nums)];
console.log(unique); // [1, 2, 3]

JavaScript October 14, 2026 JavaScript fetch with timeout using AbortSignal.timeout Cancels a request automatically if the server takes too long. It also checks response.ok, because fetch does not throw on HTTP errors like 404 or 500.

async function getJson(url, ms = 5000) {
  const res = await fetch(url, { signal: AbortSignal.timeout(ms) });
  if (!res.ok) throw new Error(`HTTP ${res.status}`);
  return res.json();

JavaScript October 14, 2026 JavaScript copy text to clipboard with the Clipboard API Copies text with the modern async Clipboard API. It only works on HTTPS (or localhost) and usually needs to run from a user action such as a click.

async function copyText(text) {
  try {
    await navigator.clipboard.writeText(text);
    return true;

JavaScript October 14, 2026 JavaScript debounce function to limit how often a function runs Delays a function until the user stops triggering it for a set time. Use it for search boxes, window resize and autosave so you don’t fire on every keystroke.

function debounce(fn, delay = 300) {
  let timer;
  return (...args) => {
    clearTimeout(timer);