Copy text to the clipboard

Javascript

The modern API needs a secure context and a real user gesture, so the failure path matters as much as the success one.

async function copy(text, button) {
  try {
    await navigator.clipboard.writeText(text);
    button.textContent = 'Copied';
  } catch {
    button.textContent = 'Press Ctrl+C';
  }
  setTimeout(() => { button.textContent = 'Copy'; }, 2000);
}

Download

JavaScript clipboard browser chris

More in JavaScript

Throttle with a trailing call JavaScript Runs at most once per interval but still fires once more after the last event, so the final state is never dropped. Group an array by a key JavaScript Object.groupBy is available in current runtimes; the reduce version is the fallback for older ones. Run promises with a concurrency limit JavaScript Keeps a fixed number of jobs in flight rather than firing a thousand requests at once. Format a number as currency JavaScript Intl handles the symbol, the separators and the decimal places for the locale, so you never hand-roll them. Retry a fetch with exponential backoff JavaScript Backs off on each failure and adds jitter, so a recovering service is not hit by every client at the same moment. Deep clone a value JavaScript structuredClone handles Dates, Maps, Sets and cycles, which JSON round-tripping quietly destroys. Debounce without pulling in a library JavaScript Twelve lines covering the case most projects add a dependency for, including cancelling a call that has not fired yet. Fetch with a timeout JavaScript fetch has no timeout of its own. AbortSignal.timeout is the short way to give it one.

Random picks

Parse arguments without a dependency Python argparse covers subcommands, types and help text, which is more than most scripts ever need. Rewrite a CSV column with perl Text Processing A one-liner that upper-cases the second field of every row, leaving the rest alone. Read a file into a string in Go Systems os.ReadFile replaced ioutil.ReadFile in 1.16 and is the one-liner for small files. Find the largest files under a directory Shell Sorts everything beneath the working directory by real disk usage and shows the twenty worst offenders. List branches merged into main Git Finds the branches that are safe to delete, and the ones that are not. Amend a commit without changing its message Git Adds forgotten files to the previous commit and leaves the message exactly as it was. Group rows into a JSON array Databases Returns one row per author with their posts nested, instead of a join that repeats the author on every row. A semantic, accessible form field Web & CSS The label is tied to the input by id, and the hint is announced with it via aria-describedby.