Javascript in fastn function

Here is an example of how you can integrate JavaScript in fastn functions.

Suppose we have a JavaScript function show_alert defined in functions.js as follows:
functions.js
function show_alert(a) {
    alert(a);
}
Lang:
js
Now, let’s say we want to call this function when a user clicks a text in an fastn component. Here’s how we can achieve this in index.ftd:
index.ftd
-- ftd.text: Click here to print name in alert!
$on-click$: $call-js-fn(a = FifthTry Alert)

-- void call-js-fn(a):
string a:
js: functions.ftd

show_alert(a)
Lang:
ftd
In the above example, when the user clicks the text component, the call-js-fn function is called, passing the FifthTry value to the argument a. This function, then, references functions.js by using the js attribute and calls the show_alert function.
Output
Click here to print name in alert!

Support fastn!

Enjoying fastn? Please consider giving us a star ⭐️ on GitHub to show your support!

Getting Help

Have a question or need help?

Visit our GitHub Q&A discussion to get answers and subscribe to it to stay tuned.

Join our Discord channel and share your thoughts, suggestion, question etc.

Connect with our community!

Found an issue?

If you find some issue, please visit our GitHub issues to tell us about it.

Join us

We welcome you to join our Discord community today.

We are trying to create the language for human beings and we do not believe it would be possible without your support. We would love to hear from you.
Copyright © 2023 - FifthTry.com