Processing.js with java and html things

Processing Beginners
1

referencing this page, (https://forum.processing.org/two/discussion/6179/why-does-not-it-run-clipboard) I made a project which can create short text(string) and copy the text to clipboard.

I’m trying to post this sketch on web with processing.js, but it seems not working.
I assume the problem is that I coded html in wrong way (including multiple taps or java). but I couldn’t find another examples.

I’m so newbie on coding, sorry for bothering with not-specific questions, but any piece of advice would be very helpful.

this is my html file, and I uploaded sketch(two tabs including .pde and .java) in the same directory.

<!DOCTYPE html>
<html>

<head>
	<title>Fridge Poem</title>
	<meta charset="UTF-8" />

</head>

<body link="black" vlink="black" alink="black">
<text align="center">
	<script defer 
  src=https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.6.0/processing.js>
</script>

<canvas data-processing-sources="blue.pde GClip.java" style="border:0px;"></canvas>
 <div>
    <iframe name='contact' frameborder='0'
        src='http://waaktaarforlag.no/poem'
        scrolling="no" border="no" maginwidth="0" marginheight="0" frameborder="0"
       
        style="height: 1200px; width: 600px">
    </div>
</body>

</html>

I couldn’t attached my sketch due to type limits, though it works properly as stand alone program.

2

Processing.js can’t be used this way anymore. You will have to translate the sketch to P5.js and use the command document.execCommand(“copy”); for clipboard copying.