schoology.html

<!DOCTYPE html>
<html>
  <head>
    <title>csw acm</title>
    <style>
    h1 {
      margin: 0;
    }
    code {
      background-color: #e3e3e3;
      padding: 3px 5px;
      border-radius: 2px;
    }
    </style>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <h1>csw acm</h1>
    <p>schoology join code: <code id="code">SS92R-ZP2NC</code> (click to copy)</p>
    <a href="https://github.com/csw-acm">github organization</a>
    <script>
      var code = document.getElementById("code");
      code.style.cursor = "pointer";
      code.onclick = function(e) { document.execCommand("copy"); };
      code.oncopy = function(e) {
        e.preventDefault();
        e.clipboardData.setData("text/plain", e.target.innerText);
        alert("code copied to clipboard!");
      };
    </script>
  </body>
</html>