# Javascript for Hide and Show an Element
To create a JavaScript code that uses a form select input to hide or show a textarea input, you can follow these steps:
1\. \*\*Create the HTML Form\*\*: This includes a `<select>` input and a `<textarea>` input.
2\. \*\*Add JavaScript\*\*: Write a script to handle the change event of the select input and toggle the visibility of the textarea.
Here's an example:
\### HTML
```
Show/Hide Textarea
```
\### Explanation
1\. \*\*HTML Structure\*\*:
\- The `<select>` element has options: "None", "Show Textarea", and "Hide Textarea".
\- The `<textarea>` element is initially hidden using CSS (`display: none`).
2\. \*\*JavaScript\*\*:
\- An event listener is added to the select element to listen for changes.
\- When the select value changes, the script checks the value:
\- If the value is "show", the textarea is displayed (`display: block`).
\- For any other value (including "none" and "hide"), the textarea is hidden (`display: none`).
You can further customize this code according to your requirements, such as adding more options, styling, or additional form elements.