Processing.js with java and html things

referencing this page, ( 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>

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


<body link="black" vlink="black" alink="black">
<text align="center">
	<script defer 

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


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

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.