Get Started

1. Create a index.html

Create a new directory for your project and navigate to that directory. Initialize a new HTML file, like a index.html

touch index.html

2. Load CDN

Load the freegptjs library from jsDelivr:

<script src="https://cdn.jsdelivr.net/gh/ashishagarwal2023/freegptjs@1.0.2/src/freegpt.min.js"></script>

Prefer to load the library from head and use in body.

Example Code for index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Load from jsDelivr -->
<script src="https://cdn.jsdelivr.net/gh/ashishagarwal2023/freegptjs@1.0.2/src/freegpt.min.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My demo page</title>
</head>
<body>
</body>
</html>

Usage

How to use?

Use the await with gpt.ask(query)

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Load from jsDelivr -->
<script src="https://cdn.jsdelivr.net/gh/ashishagarwal2023/freegptjs@1.0.2/src/freegpt.min.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My demo page</title>
</head>
<body>
<script>
const response = await gpt.ask("Hello there, chatgpt!"); // bot will respond in few secs
alert(response);
</script>
</body></html>