Why should you care?

MarkupVerse apps copy account numbers and share referral links with native UX.

See it live — copy this example

Save as demo.html and open in your browser, or use Run Example below.

<div class="ref-card">
  <p>Referral: <code id="code">MV-REF-9X2</code></p>
  <button type="button" id="copy">Copy code</button>
  <button type="button" id="share">Share</button>
</div>
<script>
document.getElementById('copy').onclick = async () => {
  await navigator.clipboard.writeText(document.getElementById('code').textContent);
  document.getElementById('copy').textContent = 'Copied!';
};
document.getElementById('share').onclick = () => {
  if (navigator.share) navigator.share({ title: 'MarkupVerse', text: 'Join with MV-REF-9X2', url: location.href });
};
</script>

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• Feature-detect before calling.
• Clipboard and share need secure context and often a user gesture.

Practice next

1. Copy text with clipboard API.
2. Fallback alert if share missing.
3. Reset button label after copy.
4. Add writeText error toast.
5. Share only on mobile via matchMedia.

Remember

Feature detect. Secure context. User gesture.

MarkupVerse referral copy

User copies MV-REF-9X2 on iPhone.

Outcome: Code lands in Messages pasteboard.