> ## Content Index
> Fetch the complete content index at: https://www.workroom-productions.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Exercise: Changing Input Mechanisms
- URL: https://www.workroom-productions.com/changing-input-mechanisms/
- Published: 2025-01-15T23:26:18.000Z
- Updated: 2025-01-16T19:00:46.000Z
- Description: Play with one field and several input mechanisms.
- Author: James Lyndsay
- Tags: Exercises

*15 Minutes.*

> *This exercise is being used for* [*Workroom PlayTime 002*](https://www.workroom-productions.com/workroom-playtime-002-2/)*, Friday 17 Jan at 3pm London time, on Zoom. Become a paying subscriber to join us.*

We'll explore [Converter\_v3](https://exercises.workroomprds.com/converter%5Fv3%5Fbase/). We'll do this together, mics / cameras on, talking.

## Exercise: Input field vs Numeric Input field

*5 minutes*

Pick the radio button for "Numeric Field" to see two inputs; 

- the one above is a standard free input field, and has an event that updates on `keyUp`
- the one below is a standard numeric input, and has an event that updates `onenter`.

Both are connected to the same processing code – and the result returned by that code is put below the relevant input.

Play with the two – how do you feel about the difference. How is your exploration affected? Are there limits to what you can do? New techniques?

## Exercise: Input field vs Slider

*5 minutes*

Pick the radio button for "Slider" to switch the numeric input for a simple slider. 

- the one above is a standard free input field, and has an event that updates on `keyUp` (as before)
- the one below is a simple, standard range input (slider) and has an event that updates `oninput`.

Play with the two – how do you feel about the difference. How is your exploration affected? Are there limits to what you can do? New techniques?

## Debrief

*5 minutes*

Consider speed, precision and carelessness, opportunity and restriction, action and observation. Recall that you're interacting with the same code, whatever the interface.

Identify differences in your interactions with the system under test in the three circumstances.

Identify ways that the different interfaces have affected this exploration.