Counter
This example shows how to create an app with a counter.
Open in Online Editor
class MyApp extends App{
counter = 0
createStartPage(){
return CounterPage
}
incrementCounter(){
a.counter += 1
}
decrementCounter(){
a.counter -= 1
}
resetCounter(){
a.counter = 0
}
}
class CounterPage extends Page{
createGui(){
return Rows.children(
Text.text(`${a.counter}`).size(1),
Columns.size(1).children(
Rows.size(1).children(
Button.text(`-`).size(1).handler(a.decrementCounter),
Button.text(`Reset`).size(1).handler(a.resetCounter),
),
Button.text(`+`).size(1).handler(a.incrementCounter),
),
)
}
}