html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var stage = acgraph.create('container');

​

var largeText = stage.text(70, 55, 'Click on this TEXT');

largeText.style({fontStyle: 'italic', fontSize: '18px', color: '#2196F3', hAlign: 'center'});

​

var smallText = stage.text(70, 75, 'You have 3 clicks');

​

var counter = 3;

​

var listenerKey;

​

function customListener(e) {

    counter--;

    smallText.text('You have ' + counter + ' clicks');

    if (counter == 0) {

        // Removes an event listener.

        largeText.unlistenByKey(listenerKey);

        largeText.style({color: '#F44336'});

        smallText.text('You have no more clicks');

    }

}

​

listenerKey = largeText.listen('click', customListener);