<button id='copy' style='font-size: 40px; text-align: center;'>Click to copy</button>
<script>
    const markup1 = `<script>console.log('This script tag should be sanitized out.')</${'script'}><p onclick='javascript:void()'>Hello world 1</p>`;
    const markup2 = `<p style='display: none;'>You should not see this text.</p><span>Hello world 2</span>`;
    copy.addEventListener('click', async () => {
        await navigator.clipboard.write([
            new ClipboardItem({ 'text/html' : markup1 }),
            new ClipboardItem({ 'text/html' : markup2 })
        ]);
        parent.postMessage('finished-copying', '*');
    });
</script>
