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: "middle"});

​

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);