> For the complete documentation index, see [llms.txt](https://jscula.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jscula.gitbook.io/docs/getting-started.md).

# Getting Started

### Adding Jscula to Your Web Pages

Latest

```html
<script src="https://cdn.jsdelivr.net/npm/jscula-core/dist/jscula.min.js"></script>
```

* Paste this script tag at the ***end*** of your document body **`</body>`**
* This tag has to come first before your own script tags

**Example:**

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Test Page</title>
     <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Hey there, I'm using Jscula in this Website</h1>

    <div>
        <input type="checkbox" name="" checked id="cb">
        <textarea name="" id="">Lorem ipsum, dolor sit amet consectetur adipisicing  </textarea>
    </div>

    <script  src="https://cdn.jsdelivr.net/npm/jscula-core/dist/jscula.min.js"></script>
    <script src="myScript.js"></script>
</body>
</html>
```

### Downloading the source code

You can save the source code to be used locally on your project without needing internet connection to always link directly from the servers.

<https://cdn.jsdelivr.net/npm/jscula-core/dist/jscula.min.js>

### Install package from NPM

```bash
npm i jscula-core
```

#### Tips for Optimizing Jscula Integration

1. **Check the Order**: Ensure that Jscula script is the first script included at the end of the body tag to function properly alongside your custom scripts.
2. **Local Backup**: Download the Jscula source code for offline use, reducing dependency on external servers and improving load times.
3. **Version Control**: Keep track of the Jscula version you are using to ensure compatibility with your codebase and easily update when new versions are available.
