Создать кнопку, которая при клике уничтожается, а вместо неё появляются две новые

<div id="root"><button type="button" class="spawn">Click</button></div>

const root = document.getElementById('root');

root.addEventListener('click', (e) => {
  const btn = e.target.closest('button.spawn');
  if (!btn || !root.contains(btn)) return;

  const make = () => {
    const b = document.createElement('button');
    b.type = 'button';
    b.className = 'spawn';
    b.textContent = 'Click';
    return b;
  };

  btn.replaceWith(make(), make());
});