<script>
  function copyToClipboard(element, domain) {
    navigator.clipboard.writeText(domain);
    element.style.backgroundColor = '#fde9bf';
  }
</script>
<div id="cloudflare">
  <table class="cloudflare">
    <tr>
      <td>cloudprime001@idcjp.jp(영,숫자)</td>
      <td class="dnsname" onclick="copyToClipboard(this,'felicity.ns.cloudflare.com')">felicity.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this,'tara.ns.cloudflare.com')">tara.ns.cloudflare.com</td>
    </tr>
    <tr>
      <td>cloudjp002@idcjp.jp(ㄱ~ㅅ)</td>
      <td class="dnsname" onclick="copyToClipboard(this,'aida.ns.cloudflare.com');">aida.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this,'kurt.ns.cloudflare.com');">kurt.ns.cloudflare.com</td>
    </tr>
    <tr>
      <td>jpcf003@gmail.com(ㅇ~ㅎ)</td>
      <td class="dnsname" onclick="copyToClipboard(this,'natasha.ns.cloudflare.com');">natasha.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this,'plato.ns.cloudflare.com');">plato.ns.cloudflare.com</td>
    </tr>
    <tr>
      <td>cloudwin001@idcjp.jp(영,숫자)</td>
      <td class="dnsname" onclick="copyToClipboard(this,'alina.ns.cloudflare.com');">alina.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this,'rick.ns.cloudflare.com');">rick.ns.cloudflare.com</td>
    </tr>
    <tr>
      <td>cloudwin002@idcjp.jp(ㄱ~ㅅ)</td>
      <td class="dnsname" onclick="copyToClipboard(this,'hope.ns.cloudflare.com');">hope.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this,'piotr.ns.cloudflare.com');">piotr.ns.cloudflare.com</td>
    </tr>
    <tr>
      <td>cloudwin003@idcjp.jp(ㅇ~ㅎ)</td>
      <td class="dnsname" onclick="copyToClipboard(this,'tani.ns.cloudflare.com');">tani.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this,'woz.ns.cloudflare.com');">woz.ns.cloudflare.com</td>
    </tr>
  </table>
</div>