html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

function getRandomColor() {

    var min = Math.ceil(50);

    var max = Math.floor(200);

    var red = Math.floor(Math.random() * (max - min)) + min;

    var green = Math.floor(Math.random() * (max - min)) + min;

    var blue = Math.floor(Math.random() * (max - min)) + min;

    return "rgb(" + red + "," + green + "," + blue + ")";

}

​

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

​

var layer = stage.layer();

layer.rect(0, 0, 500, 300).fill("#FFFFFF 0.01");

​

var textObject = layer.text(70, 55, "Click on this TEXT.");

textObject.style({fontSize: "18px"});

textObject.selectable(false);

​

var counter = 0;

​

textObject.listen("click", function (e) {

    counter++;

    textObject.text("You clicked " + counter + " times. " + "Click again.");

​

    // Stop wrapper propagation.

    e.stopWrapperPropagation();

});

​

layer.listen("click", function (e) {

    counter++;

    textObject.text("You clicked " + counter + " times. " + "Click again.");

    textObject.color(getRandomColor());

});

​

anychart.graphics.events.listen(document.getElementById('container'), 'click', function (e) {

    counter++;

    textObject.text("You clicked " + counter + " times. " + "Click again.");

    textObject.color(getRandomColor());

});