> For the complete documentation index, see [llms.txt](https://avirts-organization.gitbook.io/rocketcode-framework-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://avirts-organization.gitbook.io/rocketcode-framework-documentation/express/features/how-to-make-chvars.md).

# How to make chvars

## Where you can make own chvar

1. Open <sup>Chvars.js</sup>
2. Go to <sup>*chvarsLoader()*</sup>

{% code title="RocketFramework/Chvars.js" overflow="wrap" %}

```javascript
// Chvars handler function
function chvarsLoader(page_content)
{
    let page_to_return = page_content;
    ​// Make new chvars here
    page_to_return = chvar(page_to_return, "password", "123456789");
    // To make new, copy and paste like below
    // > page_to_return = chvar(page_to_return, "password", "123456789");
    return page_to_return;
}
```

{% endcode %}

3. Go to your template

{% code title="structure/pages/main.html" overflow="wrap" %}

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RocketCode Example</title>
    <!-- React is better than this framework, but if you need a simpler framework with more or less the same functionality, you can use RocketCode-Framework, I will be very glad to see contributors! -->

    !stylesMain! <!-- Here we are loading CSS-->
</head>
<body>
    !loggerMainPage! <!-- Logger celem -->

    <h1>Password below</h1>
    <h3>{{ password }}</h3>

    !scriptMain1! <!-- Here we are loading JS-->
</body>
</html>
```

{% endcode %}

{% content-ref url="/pages/MY4YVHXJhx1TeTbpTZhh" %}
[Features](/rocketcode-framework-documentation/express/features.md)
{% endcontent-ref %}
