# Help with integrating a Javascript p5 file into HTML

**URL:** <https://discourse.processing.org/t/help-with-integrating-a-javascript-p5-file-into-html/20962>\
**Category:** Beginners\
**Created:** [May 17, 2020, 11:11am UTC](https://discourse.processing.org/t/help-with-integrating-a-javascript-p5-file-into-html/20962 "2020-05-17T11:11:46Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 17, 2020, 12:12pm UTC](https://discourse.processing.org/t/help-with-integrating-a-javascript-p5-file-into-html/20962/2 "2020-05-17T12:12:43Z")

</div>

> [@Noaaaa](#):
>
> Why does only my H1 show up when I run the HTML?

B/c you aren’t loading the p5.js library within your HTML file, just your “sketch.js” file: ⚠

> [@Sketch is displayed twice inside my index.html page](https://discourse.processing.org/t/sketch-is-displayed-twice-inside-my-index-html-page/15335/9):
>
> My advice is to begin w/ a minimum runnable “index.html” template file like this 1: bulb \<script defer src=https://Unpkg.com/p5\>\</script\> \<script defer src=sketch.js\>\</script\> Once verified it’s working, you can add more stuff to it little by little. sunglasses Here’s some online sketch using this very same minimum template: smile_cat

---

_[View the full topic](https://discourse.processing.org/t/help-with-integrating-a-javascript-p5-file-into-html/20962)._