Intro to Velo.

Enable dev mode. In the top menu select Dev Mode and click on Turn on Dev Mode.

Add a button. From the Add Panel, drag a button to the section.

Change the button’s ID to “changeTextButton”. Click on the button you’ve just added to select the element. Then, go to the Properties and Events Panel and change the ID.

Add a title. Return to the Add Panel and drag a title to the section.

Change the title’s ID. Change this ID to “helloText”.

Change the text of the title. Add any text you’d like.

Add an Event Handler. Click on the button element you’ve added, then navigate to the Properties and Events Panel and, under Event Handlers, choose onDblClick(). Finally, click on the plus symbol to add the Event Handler.

Paste the following code into the function that you’ve added, between the curly braces:

$w('#helloText').text = 'Hello from Velo';

This code line replaces the current text in the title you dragged onto the canvas to “Hello from Velo” when the button is double clicked.

Preview the site to see the final result. Click on Preview, then double-click the button you’ve added the function to, and notice how the text changes.