html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

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

​

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;

​

// Adds an event listener to a text

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

    counter++;

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

    e.stopPropagation();

});

​

// Adds an event listener to a layer

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

    // change text color

    textObject.color(getRandomColor());

});

​

function getRandomColor() {

    min = Math.ceil(50);

    max = Math.floor(200);

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

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

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

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

}