Copy & Paste the text on Click using the JavaScript or ReactJS

https://dev.to/raynecoder/how-to-copy-the-text-on-click-using-the-javascript-or-reactjs--1knb

HTML

<!-- https://dev.to/raynecoder/how-to-copy-the-text-on-click-using-the-javascript-or-reactjs--1knb -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CopyData</title>
  </head>
  <body>
    <div id="copydata">Copy the this text by the button</div>

    <button onclick="copyData()">Copy</button>
    <br />
    <input type="text" name="" id="" /> <br />

    <button onclick="">Paste</button> <br />
    <p id="clipboard-paste"></p>
  </body>
</html>

JavaScript

copyData = () => {
        var ctype = document.getElementById("copydata").innerHTML;
        navigator.clipboard.writeText(ctype);
        alert("Copied Done 🤙🤙");
      };

      document.addEventListener('DOMContentLoaded',function(){
            let pasteButton = document.getElementsByTagName('button')[1];
            pasteButton.addEventListener('click', function () {
                navigator.clipboard
                    .readText()
                    .then(
                        cliptext =>
                            (document.getElementById('clipboard-paste').innerText = cliptext),
                            err => console.log(err)
                    );
            });
        }
      )