FREE OutSystems Workshops - Build an OutSystems App in 1 hour | ENROLL NOW

Tech Bites - How to use a JavaScript node

< Back to Blog

When developers first start learning OutSystems, they are usually intrigued on how to take advantage of javascript’s versatility in their user interfaces!

Let’s build a straightforward screen that receives a name and shows an alert welcoming the user.

On OutSystems Service Center, drag and drop one input widget and a button to the screen.

Our input needs a variable to store the typed text. Thus, assign the input to the variable.

Next, the button needs an action triggered on the user’s click. Open it.

Amongst all the possible nodes, there’s also a JavaScript node! Drag that to the flow.

Double-click the node; write your script code in the placeholder.

For a simple demonstration, write a window alert.

Let’s now use the text input containing the end-user name. 


On the JavaScript node’s property, add a new argument linked to the local variable.

Use that new argument on the code, concatenated to the text.

Open your app, write your name on the input field, press the button, and... we get a message.

All this, just using a simple JS node. 

Turn Up Academy

Apply to our Turn Up Boot Camp


Latest Articles

‍What’s new in OutSystems Developer Cloud

‍What’s new in OutSystems Developer Cloud

Have you heard about the OutSystems Developer Cloud and want to know more about what's new and what the big benefits are? Then this article is for you!

Tech Bites - Should we validate form data on server-side?

Should we validate form data on server-side

When including forms in applications, developers often wonder if they need to re-validate data on the server side after having checked it on the client. Why go to the trouble of checking the data twice?

Tech Bites
The Top 5 Mistakes Handling Asynchronous Data In Outsystems Reactive Apps And How To Avoid Them

The Top 5 Mistakes Handling Asynchronous Data In Outsystems Reactive Apps

When developing an OutSystems reactive web app, you would expect to display data quickly, but it doesn't always happen. Do you know why? We'll explore the reasons and how to tackle them.