Event Handler CS Thinking Example 1

Follow the full solution, then compare it with the other examples linked below.

Example 1

easy
In a web page, a button has this event handler: WHEN button.clicked: OUTPUT 'Button was clicked!'. Explain what an event handler is and when this code runs.

Solution

  1. 1
    Step 1: An event handler is a function that runs automatically when a specific event occurs.
  2. 2
    Step 2: The event is 'button clicked'. The handler is the code that outputs the message.
  3. 3
    Step 3: This code does NOT run when the program starts. It only runs when the user clicks the button. The program must be running and listening for events.

Answer

An event handler is a function triggered by an event. This code runs only when the button is clicked, not when the program starts.
Event handlers connect events (user actions, system signals) to code that responds. This is the foundation of interactive programming — programs respond to what the user does.

About Event Handler

A function that is automatically called when a specific event occurs, such as a button click, key press, or timer tick. The handler is registered (attached) to an event source once, and then the system invokes it every time that event fires.

Learn more about Event Handler →

More Event Handler Examples

Example 2 medium

Write pseudocode for a simple calculator with buttons for digits 0-9 and an '=' button. How would yo

Example 3 medium

A form has a text input and a submit button. Write pseudocode for event handlers that: (1) validate

Example 4 hard

Explain the problem of attaching an event handler inside a loop: FOR i = 0 TO 4: WHEN buttons[i].cli

← All Event Handler Examples Event Handler Concept