joysound.com 歌詞コピー Chrome拡張

{
  "name": "joysound歌詞コピー",
  "version": "1.0.0",
  "manifest_version": 3,
  "description": "joysound歌詞コピー",
  "content_scripts": [
    {
      "matches": ["https://www.joysound.com/web/search/song/*"],
      "js": ["./app.js"]
    }
  ]
}

const main = () => {
  const div = document.createElement('div');
  const button = document.createElement('button');
  div.appendChild(button);
  document.querySelector('h1').after(div);

  div.style.textAlign = 'center';

  button.textContent = '歌詞をコピーする';
  button.style.width = '150px';
  button.style.height = '50px';

  button.onclick = () => {
    document.addEventListener('copy', e =>
      e.clipboardData.setData(
        'text/plain',
        document
          .querySelector('p.ng-binding')
          .textContent.replace(/<br>/g, '\n')
      )
    );

    document.execCommand('copy');
    alert('歌詞をコピーしました');
  };
};

main();