Help creating a button and adding text inside it

For a button to work it needs something to click on as a hit area. If you need a basic button without doing any design you can use either one of the premade buttons (window->common libraries->buttons) or just use the button component (window->components->user interface->button).

For instance, the latter, open the components panel (window->components), roll open User Interface, drag the Button component into your library.

In code you can use it as simply as this:

import fl.controls.Button; import flash.events.MouseEvent; var button:Button = new Button(); button.label = "How to play / Como jugar"; button.setSize(150,20); addChild(button); button.addEventListener(MouseEvent.CLICK, instructionF); function instructionF(event:MouseEvent):void {           button.removeEventListener(MouseEvent.CLICK, instructionF);     gotoAndStop(2); }

If you want to draw your own button, use the graphics class of any display object and draw a background so your button has something to capture the click. You also need a TextField inside the button. For example a blue rounded rectangle Sprite button:

import flash.display.Sprite; import flash.text.TextField; import flash.text.TextFieldAutoSize; import flash.text.TextFormat; import flash.text.AntiAliasType; var ins_btn:Sprite = new Sprite(); addChild(ins_btn); // background ins_btn.graphics.beginFill(0x6666CC,1); ins_btn.graphics.drawRoundRect(10,10,150,20,10,10); ins_btn.graphics.endFill(); // text var tf:TextField = new TextField(); ins_btn.addChild(tf); tf.width = 10; tf.autoSize = TextFieldAutoSize.LEFT; tf.antiAliasType = AntiAliasType.ADVANCED; tf.selectable = false; tf.text = "How to play / Como jugar"; tf.setTextFormat(new TextFormat("Arial",11,0xFFFFFF)); tf.x = 22; tf.y = 10; // hit ins_btn.addEventListener(MouseEvent.CLICK, instructionF); function instructionF(event:MouseEvent):void {     ins_btn.removeEventListener(MouseEvent.CLICK, instructionF);     gotoAndStop(2); }