Week 8 - Task 3

a)

HTML
CSS
Use (some of) these CSS properties to style the input field, the button and output container:

padding margin font-size border border-radius background-color color width min-height
Javascript

When the button is clicked show the value of the input field in the output container.

Example solution: GIF

b)

Extend a) so that every time you press a key on the keyboard in the input field, the output container gets updated with the input value.

HINT! Use onkeyup (works the same as onclick)
https://developer.mozilla.org/en-US/docs/Web/API/Element/keyup_event

Example solution: GIF

c)

Extend b) so that ONLY pressing the "Enter" key will update the output.
Example solution: GIF