using state on quasar does not work is there an example

[bobwatcherx]

i want to use input bindings . where I type the input text there is an automatic change in the resultText

from justpy import *

def debounce_test():

    def add(self, msg):
        counter.text = str(int(counter.text) + 1)
        print(type(counter.text))

    def decrement(self,msg):
        counter.text = str(int(counter.text) - 1)
        print(type(counter.text))

    app = QuasarPage(
        data={"text":"tolol"}
        )
    layout = Div(classes="q-pa-md column", a=app)

    mydiv = Div(classes="q-pa-md q-ma-lg row justify-between", a=layout)
    btnIncrement = QBtn(color="primary", icon="add", label="Add", a=mydiv)
    counter = P(text="0", a=mydiv, style="font-size:50px")
    btnDecrement = QBtn(color="red", icon="remove", label="Min", a=mydiv)

    secondDiv = Div(classes="row", a=layout)
    resultText = H4(text=[app,'text'],a=layout)

    inputxt = QInput(label="add new", 
         value={"x": [app, 'text']}, a=layout)
    btnIncrement.on("click", add)
    btnDecrement.on("click", decrement)
    return app

justpy(debounce_test)

[bobwatcherx]

i want to use input bindings . where I type the input text there is an automatic change in the resultText

from justpy import *

def debounce_test():

    def add(self, msg):
        counter.text = str(int(counter.text) + 1)
        print(type(counter.text))

    def decrement(self,msg):
        counter.text = str(int(counter.text) - 1)
        print(type(counter.text))

    app = QuasarPage(
        data={"text":"tolol"}
        )
    layout = Div(classes="q-pa-md column", a=app)

    mydiv = Div(classes="q-pa-md q-ma-lg row justify-between", a=layout)
    btnIncrement = QBtn(color="primary", icon="add", label="Add", a=mydiv)
    counter = P(text="0", a=mydiv, style="font-size:50px")
    btnDecrement = QBtn(color="red", icon="remove", label="Min", a=mydiv)

    secondDiv = Div(classes="row", a=layout)
    resultText = H4(text=[app,'text'],a=layout)

    inputxt = QInput(label="add new", 
         value={"x": [app, 'text']}, a=layout)
    btnIncrement.on("click", add)
    btnDecrement.on("click", decrement)
    return app

justpy(debounce_test)

like event.target.value in react js