Debounce Input

Objective: Implement an input field with a debounced event handler to optimize performance.

Instructions:

1. Create an input field where user input is handled after a specified delay (debounced) to prevent unnecessary function calls (e.g., when searching or filtering data).
2. The event handler should only trigger after the user has stopped typing for a certain period (e.g., 500 milliseconds).
3. The input value should be displayed or logged after the debounce delay.

Requirements:

• Implement a debounce mechanism to delay the input handling.
• The input value should only update once the debounce delay has passed without additional input.

Hints:

1. You can use setTimeout and clearTimeout to manage the debounce logic.