import "https://cdn.skypack.dev/@next2d/player@latest";

​

const root = next2d.createRootMovieClip(240, 240, 60, {

    "tagId": "container"

});

​

const { Sprite } = next2d.display;

const { MouseEvent } = next2d.events;

const {

    TextField,

    TextFormat,

    TextFormatAlign

} = next2d.text;

​

for (let idx = 0; 2 > idx; ++idx) {

    const button = root.addChild(new Sprite());

    button.name  = "button";

    button.x     = 50 + 50 * idx;

    button.y     = 40;

    button

        .graphics

        .beginFill("#7EA1C4")

        .lineStyle(5, "#1B365C")

        .drawCircle(50, 50, 40);

    button.buttonMode = true;

    button.addEventListener(MouseEvent.CLICK, (event) =>

    {

        const target = event.currentTarget;

        const parent = target.parent;

        const index  = parent.getChildIndex(target) ? 0 : 1;

        parent.swapChildren(target, parent.getChildAt(index));

    });

    const textFormat = new TextFormat();

    textFormat.size  = 10;

    textFormat.color = "#fff";

    textFormat.bold  = true;

    textFormat.align = TextFormatAlign.CENTER;

    const textField = button.addChild(new TextField());

    textField.defaultTextFormat = textFormat;

​

    textField.multiline = true;

    textField.width     = 40;

    textField.height    = 30;

    textField.x         = 29;

    textField.y         = 25;

    textField.text      = `index${idx}\nclick me.`;

}