Can someone help me find out why my frontend wont display the fetched data from the OpenAI API?

API
1

The first picture is the JS file and the second is the frontend part. If tried everything but whenever I enter “hello” in the textbox i created, nothing is printed from the API. Im sure i fetched it correctly but idk. Can someone help me please

2

Screen Shot 2024-03-23 at 9.22.47 PM
Screen Shot 2024-03-23 at 9.22.47 PM1610×1414 301 KB

Here is the html file.

3

Here is the JS file

Screen Shot 2024-03-23 at 9.27.54 PM
Screen Shot 2024-03-23 at 9.27.54 PM1004×1034 96.3 KB

4

What error are you getting after you try to hit the API?

Is there an error happening?

5

No error. Just simply not printing on my webpage

6

Nothing in the console?

blankz

7

Screen Shot 2024-03-23 at 9.47.18 PM
Screen Shot 2024-03-23 at 9.47.18 PM2294×530 41.5 KB

I was just testing it by opening up vscode liveserver. but by running node index.js this shows up

8

You’re not sending / setting your API key.

Take a few minutes to check out the outstanding OpenAI API Quickstart guide… That will run you through the basics. If you’re still having trouble, come back, and let us know your code and errors.

9

Nvm it worked. Thank you very much

1 Like