JS

{{< svugo/js/function name=alertHello >}}
{{< /svugo/js/function >}}

{{< svugo/js/function name=alertHello params="formId, event, formData" >}}
```js
alert(username.value);
```
{{< /svugo/js/function >}}

{{< svugo/forms/form name=form1 onSubmitCallback="alertHello" >}}
    {{< svugo/forms/text name=text1 label="Username" toJSVar="username" >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/form >}}

{{< svugo/js/include name=pyodide url="https://cdn.jsdelivr.net/pyodide/v0.29.3/full/pyodide.js" >}}

{{< svugo/js/include name=pyodide url="https://cdn.jsdelivr.net/pyodide/v0.29.3/full/pyodide.js" >}}
{{< svugo/js/function name=formRunPyodide async=1 params="formId, event, formData" >}}
```js
alert("The next step will setup pyodide, This can takes some times.");
let pyodide = await loadPyodide();
alert(pyodide.runPython(`
    import sys
    sys.version
`));
```
{{< /svugo/js/function >}}

{{< svugo/forms/form name=form2 onSubmitCallback="formRunPyodide" >}}
    {{< svugo/forms/submit value="Run Pyodide" >}}
{{< /svugo/forms/form >}}

{{< svugo/js/include name=helloword path="assets/js/alertHelloWord.js" >}}
{{< svugo/js/function name=formAlertHelloWord params="formId, event, formData" >}}
```js
alertHelloWord();
```
{{< /svugo/js/function >}}

{{< svugo/forms/form name=form3 onSubmitCallback="formAlertHelloWord" >}}
    {{< svugo/forms/submit value="Run script" >}}
{{< /svugo/forms/form >}}

{{< svugo/js/script name=rawScript >}}
{{< /svugo/js/script >}}

{{< svugo/js/script name=rawScript async=1 >}}
```js
const MySuperValueIsSet = "Yes";
```
{{< /svugo/js/script >}}
{{< svugo/js/function name=showSuperMyValue async=1 params="formId, event, formData" >}}
```js
alert(MySuperValueIsSet);
```
{{< /svugo/js/function >}}

{{< svugo/forms/form name=form4 onSubmitCallback="showSuperMyValue" >}}
    {{< svugo/forms/submit value=Run >}}
{{< /svugo/forms/form >}}