Why should you care?

MarkupVerse trading and chat widgets push prices without polling.

See it live — copy this example

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

<section aria-live="polite">
  <h2>Live FX — MarkupVerse Pay</h2>
  <p>USD/INR: <strong id="rate">—</strong></p>
  <p id="ws-status">Connecting…</p>
</section>
<script>
const ws = new WebSocket('wss://echo.websocket.events');
ws.onopen = () => { document.getElementById('ws-status').textContent = 'Connected'; ws.send('USDINR'); };
ws.onmessage = e => { document.getElementById('rate').textContent = e.data || '83.42'; };
ws.onclose = () => { document.getElementById('ws-status').textContent = 'Disconnected'; };
</script>

Run Example »

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

What happened?

• Use wss:// in production.
• Reconnect on close.
• Show connection state to users.

Practice next

1. Open a WebSocket.
2. Send a symbol on open.
3. Update DOM on message.
4. Add exponential backoff reconnect.
5. Show last-updated timestamp.

Remember

Persistent socket. wss in prod. Handle reconnect.

MarkupVerse live rates

Pay page shows USD/INR tick updates.

Outcome: Rate changes without refresh.