jjhesk

 <div>
   <p>
     <span>O</span>
     <span>P</span>
     <span>E</span>
     <span>N</span>
   </p>
</div>

jjhesk

Click and Copy to Clipboard (referral/invite links)

Click and copy to clipboard with JavaScript using the execCommand API. This is based off the sweet and simple clipboard.js implementation.

Style based off of Acorn's beautiful aesthetic and their referral page.

execCommand API docs: https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

A Pen by JxMxJu on CodePen.

jjhesk

jjhesk

<style id="jsbin-css">
/* Now with ugly css! */

textarea {
    width: 90%;
}
input {} button {
    font-size: 2em;
    padding: 1%;
    margin: 2%;

jjhesk

<style id="jsbin-css">
/* Now with ugly css! */

textarea {
    width: 90%;
}
input {} button {
    font-size: 2em;
    padding: 1%;
    margin: 2%;

jjhesk

<style id="jsbin-css">
/* Now with ugly css! */

textarea {
    width: 90%;
}
input {} button {
    font-size: 2em;
    padding: 1%;
    margin: 2%;

jjhesk

<style id="jsbin-css">
/* Now with ugly css! */

textarea {
    width: 90%;
}
input {} button {
    font-size: 2em;
    padding: 1%;
    margin: 2%;

jjhesk

<style id="jsbin-css">
/* Now with ugly css! */

textarea {
    width: 90%;
}
input {} button {
    font-size: 2em;
    padding: 1%;
    margin: 2%;

jjhesk

<style id="jsbin-css">
/* Now with ugly css! */

textarea {
    width: 90%;
}
input {} button {
    font-size: 2em;
    padding: 1%;
    margin: 2%;

jjhesk

   
 function check(event) {
    var randomize = document.getElementById('randomize').value;
 //  var pattern = /"(.+?)" "(.+?)" "(.+?)" "(.+?)"/;
    var ss, ssh, cs, nb, sn;
    
    clear();
   
   if (randomize.length > 64) {