SpheroidScript interactive example with button and label

app.json

{
  "client": [
    "./InteractiveClient.spheroid"
  ],
  "version": "1.0.0"
}

InteractiveClient.spheroid

var counter = 0
var counterText = null

fun main() {
    println("Hello from InteractiveClient")

    MainMenu {
        Container(top = 60dp, right = 20dp, bottom=60dp, left = 20dp) {
            Vertical(spacing = 0, left = 0, right = 0, verticalAlign = "center") {
                Container(
                    backgroundColor = Color(rgba = 0x00000033),
                    height = 50dp
                ) {
                    counterText = Text(
                        text = "---",
                        textColor = Color(rgba = 0xffffffaa),
                        left = 20dp,
                        verticalAlign = "center"
                    )
                }

                Container(
                    backgroundColor = Color(rgb = 0x0000aa),
                    height = 50dp
                ) {
                    Text(
                        text = "Button",
                        textColor = Color(rgba = 0xffffffaa),
                        left = 20dp,
                        verticalAlign = "center"
                    )
                }.onClick { doClick() }
            }
        }
    }
}

fun doClick() {
    counter = counter + 1
    println("Clicked: ${counter}")
    counterText.text = "${counter}"
}