<textarea id="userNotes"></textarea>
    <button type="button" id="copyButton">Copy</button>
    <script>
    copyButton.addEventListener('click', () => {
      navigator.clipboard.writeText(userNotes.value)
      copyButton.innerText = 'Copied'
      setTimeout(() => copyButton.innerText = 'Copy', 1000)
    })
    </script>

You do have to call `getElementById` on a document. There can be many documents in a window.

Although a very consistent convention, there are no guardrails put in place to prevent something from setting the same id on two or more elements.

getElementById will return the first element that it finds with the id, but you can't know for sure if it is the only one without additional checks

function getId(v) {return document.getElementById(v)}

Dev tools allows $ $$, dunno, make a macro?

We must not defy the system!

    const g = (x) => document.getElementById(x);