# Processing.js with java and html things

**URL:** <https://discourse.processing.org/t/processing-js-with-java-and-html-things/25409>\
**Category:** Beginners\
**Created:** [November 14, 2020, 5:45am UTC](https://discourse.processing.org/t/processing-js-with-java-and-html-things/25409 "2020-11-14T05:45:01Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![candydope](https://avatars.discourse-cdn.com/v4/letter/c/7c8e57/32.png) [@candydope](https://discourse.processing.org/u/candydope)\
**Post date:** [November 14, 2020, 5:45am UTC](https://discourse.processing.org/t/processing-js-with-java-and-html-things/25409/1 "2020-11-14T05:45:01Z")

</div>

referencing this page, ([https://forum.processing.org/two/discussion/6179/why-does-not-it-run-clipboard](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.

```auto
<!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.

---

<div class="post-metadata">

**Author:** ![noel](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/noel/32/213_2.png) [@noel](https://discourse.processing.org/u/noel)\
**Post date:** [November 14, 2020, 7:05am UTC](https://discourse.processing.org/t/processing-js-with-java-and-html-things/25409/2 "2020-11-14T07:05:31Z")

</div>

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.
