How To Create A Chatbot With Html Css and Javascript | Chat GPT Clone

[@htmlcamp]

The API key for openai is no longer free. If you want to buy the api key you can follow on with the procedure in the video and everything will be ok. But if not you can use the google Gemini AI. I'll make a video on it soon

[@RG-Tech_Industries]

it is not working

[@RG-Tech_Industries]

please tell me

[@RG-Tech_Industries]

it is like this 15:00

[@htmlcamp]

Please make sure that the api code is the same as what i wrote. Where the code should be in quotation marks put it in. You can download the finished project to compare. Link in the video description

[@MasoodAhmedKhan-y9q]

still not working bro@@htmlcamp

[@LancasteTech]

Fantastic tutorial! It is almost impossible to find a nice, simple, follow along like this, thank you so much!

[@SurajPandey-vi9gr]

The open api is not free anymore

[@TheAiBozz]

Ohhh😢 so what we do now?

[@hamzaShahid-x5i]

Hey, does it cost at all to use the open ai api at all as used in this video?

[@nohandlelmaoo]

It costs $0.002 per 1k tokens. Google chatgpt api price

[@mc.fly.8622]

Yeah, i guess i'll say it for everyone, the curl you we're using is abit different now, and me (the one who mostly copy your code) is stuck at the error where the only responce it shows is just "Oops! An error occurred. Please try again." If you could help, i'd be grateful.

[@NormalyBS]

Bro it acually working but chat-gpt is just loading ( can't answer )

[@AbbanSadiq-ht5dy]

So beautiful 😇⭐⭐⭐⭐⭐

[@ayushi333]

Code is not working please help me

[@gamesmeeky8346]

i downloaded your code and it is not working bro

[@antaryamigamingyt467]

yes he is sharing the wrong code

[@Samsoor972]

Is the api free or paid?

[@gautamnaugai.iab94]

Bro please solve my problem

[@alextalavera9926]

Can you helpme

[@glowzoomer]

i need this codes

[@htmlcamp]

Will provide link in description

[@glowzoomer]

@@htmlcamp i found, bunch of thank you bro🙂✊

[@MohdAhmad-vl6wc]

Script cannot work

[@fun.tvchild]

don't berry use this code const messageBar = document.querySelector(".bar-wrapper input"); const sendBtn = document.querySelector(".bar-wrapper button"); const messageBox = document.querySelector(".message-box"); let API_URL = "api.openai.com/v1/chat/completions"; let API_KEY = "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"; sendBtn.onclick = function () { if (messageBar.value.length > 0) { let message = ` ${messageBar.value} `; let response = ` ... `; messageBox.insertAdjacentHTML("beforeend", message); setTimeout(() => { messageBox.insertAdjacentHTML("beforeend", response); const requestOptions = { method: "POST", headers: { "Content-Type": "application/json", "Authorization": `Bearer ${API_KEY}` }, body: JSON.stringify({ "model": "gpt-3.5-turbo", "messages": [{"role": "user", "content": messageBar.value}] }) }; fetch(API_URL, requestOptions) .then(res => res.json()) .then(data => { console.log(data); // You can handle the response from the API here }) .catch(error => { console.log(error); }); }, 100); } };