Button component and click events in Unity - Step-by-Step Execution

Concept Flow - Button component and click events

Create Button in UI

↓

Attach Script with Click Handler

↓

User Clicks Button

↓

Button Detects Click

↓

Invoke Click Event Method

↓

Execute Code in Method

↓

Show Result or Change State

This flow shows how a UI button detects a user click and runs the assigned code method.

Execution Sample

Unity

using UnityEngine;
using UnityEngine.UI;

public class ButtonClick : MonoBehaviour {
    public Button myButton;
    void Start() {
        myButton.onClick.AddListener(OnButtonClicked);
    }
    void OnButtonClicked() {
        Debug.Log("Button was clicked!");
    }
}

This code sets up a button to print a message when clicked.

Execution Table

Step	Action	Evaluation	Result
1	Start method runs	myButton.onClick listener added	OnButtonClicked method registered
2	User clicks button	Button detects click event	onClick event triggered
3	Invoke OnButtonClicked	Method runs	Prints 'Button was clicked!' to console
4	No more clicks	No event triggered	Waiting for next click

💡 Execution waits for user clicks; stops when no clicks occur

Variable Tracker

Variable	Start	After Step 1	After Step 2	After Step 3	Final
myButton.onClick	empty	listener added	listener active	listener active	listener active

Key Moments - 2 Insights

Why do we add the listener inside Start() and not in Update()?

Because Start() runs once at the beginning to set up the listener (see Step 1 in execution_table). Adding it in Update() would add multiple listeners causing repeated calls.

What happens if the button is clicked multiple times quickly?

Each click triggers the OnButtonClicked method separately (Step 2 and 3). The listener stays active to handle every click.

Visual Quiz - 3 Questions

Look at the execution_table, what happens at Step 3?

A The button listener is added

B The button is created

C The OnButtonClicked method runs and prints a message

D The program exits

💡 Hint

Check Step 3 row in execution_table where OnButtonClicked is invoked and message printed

According to variable_tracker, what is the state of myButton.onClick after Step 1?

A Listener added and active

B Empty, no listeners

C Listener removed

D Button disabled

💡 Hint

Look at After Step 1 column for myButton.onClick in variable_tracker

If we move the listener addition from Start() to Update(), what will happen?

A Listener added once, no change

B Listener added repeatedly causing multiple prints per click

C Listener never added

D Button stops working

💡 Hint

Refer to key_moments explanation about why listener is added in Start() only

Concept Snapshot

Button component detects user clicks.
Attach a method to button.onClick event.
Add listener in Start() to avoid duplicates.
On click, assigned method runs.
Use Debug.Log to show click response.

Full Transcript

In Unity, a Button component can detect when a user clicks it. We write a script that attaches a method to the button's onClick event. This is done by adding a listener inside the Start() method so it runs once when the game starts. When the user clicks the button, Unity calls the method we assigned, which can do things like print a message. The execution table shows the steps: adding listener, user clicking, method running, and waiting for more clicks. The variable tracker shows the listener state. Key moments explain why we add the listener in Start() and what happens on multiple clicks. The quiz tests understanding of these steps. This helps beginners see how button clicks trigger code in Unity.