# P5.js Web Editor problem exporting a function
**URL:** https://discourse.processing.org/t/p5-js-web-editor-problem-exporting-a-function/45420
**Category:** Beginners
**Created:** [December 2, 2024, 7:41pm UTC](https://discourse.processing.org/t/p5-js-web-editor-problem-exporting-a-function/45420 "2024-12-02T19:41:08Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@edufissure](https://discourse.processing.org/u/edufissure)
#### Post date: [December 2, 2024, 7:41pm UTC](https://discourse.processing.org/t/p5-js-web-editor-problem-exporting-a-function/45420/1 "2024-12-02T19:41:08Z")
Hi im doing this test to import a class from a separate file:
> **[p5.js Web Editor](https://editor.p5js.org/egutie9/full/f_Of3FXPS)**
>
> A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.
but i got error:
The export:
The import:
The html file:
Any help would be apreciated
This is for educational purpose
---
### Author:  [@svan](https://discourse.processing.org/u/svan)
#### Post date: [December 3, 2024, 3:20am UTC](https://discourse.processing.org/t/p5-js-web-editor-problem-exporting-a-function/45420/2 "2024-12-03T03:20:55Z")
Do you have to use ‘module’? I added this line to index.html
``
and did _not_ place the file in a folder. I also removed the word ‘export’ before class Pacman{…}
I used this code without _import_
```auto
let myPacman = new Pacman(100,100);
console.log(Pacman);
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
myPacman.showPacman();
}
```
It worked and I got this output:
---
### Author:  [@edufissure](https://discourse.processing.org/u/edufissure)
#### Post date: [December 3, 2024, 10:14am UTC](https://discourse.processing.org/t/p5-js-web-editor-problem-exporting-a-function/45420/3 "2024-12-03T10:14:49Z")
Also got it, but i need inside folder classes, as id have more classes and i want the project some kind of order.
In JS all files that has any import/export should be modules.
Also import and export should be as all JS works this way.
I think import/export doesnt work in p5.js…dont know if its a bug, or is not implemented yet, or you have to import/export like you did @svan…
Thanks, hope anybody specially dev could give a light in the darkness. 😉
---
### Author:  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [December 3, 2024, 1:36pm UTC](https://discourse.processing.org/t/p5-js-web-editor-problem-exporting-a-function/45420/4 "2024-12-03T13:36:04Z")
> [@edufissure](#):
>
> I think `import` / `export` don’t work in p5.js…
Those 2 keywords are JS features, and p5.js, which is a frontend library, can’t change that:
> [@Import class other file syntax error](https://discourse.processing.org/t/import-class-other-file-syntax-error/45358/12):
>
> Your “Calculadora.zip” file had to many things in it. I’ve removed most of it and edited the rest. Also, I’ve created a GitHub repo for it here: You can also check it running online on this link:
>
>
> [@edufissure](#):
>
> … don’t know if it’s a bug, or is not implemented yet,
As I have already mentioned to you on your previous forum thread:
> [@Import class other file syntax error](https://discourse.processing.org/t/import-class-other-file-syntax-error/45358/9):
>
> p5.js itself is a regular .js library file, not a module 1.
>
> Indeed they’ve never yet cared about using ECMA module (.mjs) files in the browser!
>
> But weirdly, they do care about Node.JS’ Common module (.cjs) files, even though p5.js isn’t a backend library, but a frontend 1!
B/c they don’t even acknowledge ECMA Script Modules (ESM / “.mjs”) exist anywhere on their docs, it’s no wonder their “p5.js Web Editor” doesn’t seem to be compatible w/ ESM either!
Pretty much any other JS code hosting/editor solution available should work!
For example, you can try out:
- [OpenProcessing.org](http://OpenProcessing.org)
- [Glitch.com](http://Glitch.com)
- [GitHub.com](http://GitHub.com)
And many others to host JS code + p5.js library!
---
### Author:  [@ProcessingOrg](https://discourse.processing.org/u/ProcessingOrg)
#### Post date: [December 3, 2024, 2:07pm UTC](https://discourse.processing.org/t/p5-js-web-editor-problem-exporting-a-function/45420/5 "2024-12-03T14:07:33Z")
Thanks for sharing your thoughts! p5.js and the p5.js web editor are open-source projects built and maintained by the community. If there’s a feature you’d like to see or something that could be improved, I’d encourage you to open an issue on the [p5.js repository](https://github.com/processing/p5.js/issues) or the [p5.js web editor repository](https://github.com/processing/p5.js-web-editor/issues) on GitHub, or even contribute a code change. Your feedback and contributions are what help these projects grow and evolve 😊