TUTORIAL How to Use ChatGPT-4 API with Simple HTML & JavaScript

#HTML #JS #ChatGPT #API #ChatGPT4
This is a tutorial that will take you step by step on how to use ChatGPT4 (and 3.5) API with a simple App.

This is a very flexible repository that can be modified to make ChatGPT 4 give you any kind of response, enjoy!

👍🏻 DON'T FORGET TO LIKE COMMENT SUBSCRIBE AND RING THE BELL FOR FUTURE VIDEOS!
*********
📲💻Follow me on Twitter:
@CarlosCloudDev
📲💻Follow me on Instagram:
@CarlosSalazarDev
**********
How to make an AWS account:

[nuraysalina]

Thank you for your video! It is so helpful. Good luck in all your beginnings!

[davidisalt]

Thanks! Had this up and working in a few minutes - pretty much just needed to add my own key into your code.

[francescosaldi]

It tells me "Error: Unable to process your request". I tried to make a Python application and it works, so I don't think it is a problem with my api key or with my open ai account. I don't understand which is the problem with html, something goes wrong while calling the function. Could you help me please? Thanks a lot.

[oliverhansen]

hi is it possible to make it correct the text you put in like grammar.

[playzgiovanni]

Thank you! Now I can make a copy of ChatGPT!

[yellowecho]

Really appreciate your work on this! Great job
I'm receiving a 429 error after my initial testing.
Any ideas on how to resolve this?

[TOMAKAIROS]

super helpful...but my question is..how do we prevent our api key from being public when uploaded to github? im trying to add it onto my project portfolio..but if my key is public then everyone will have access to it...

[mfthrq]

Error: Unable to process your request.

[bennpayne]

To correct & make the downloadable script.js work - just update one line (besides the actual API Key)
Change Line 21 FROM:
messages: [{ role: 'user', content: mytext }],
TO READ LIKE THIS:
messages: [{ role: 'user', content: `'${mytext}'` }],
the thought being, if the API KEY used a template literal then the input would too. since it was also a variable