JS DOM: Textarea

By Xah Lee. Date: . Last updated: .

What is Textarea

textarea tag is for user text input, such as for reader's comments.

Textarea Example

Result:

Code

<textarea id="text_XkDnF" rows="4" cols="40">type text here</textarea>

<p>Result:</p>

<p id="output_GCDd3"></p>
"use strict";
{
    const text_XkDnF = document.getElementById("text_XkDnF");
    if (text_XkDnF === null)
        throw (new Error(`id text_XkDnF is missing.`));
    const output_GCDd3 = document.getElementById("output_GCDd3");
    if (output_GCDd3 === null)
        throw (new Error(`id output_GCDd3 is missing.`));
    const f_update = () => {
        output_GCDd3.textContent = text_XkDnF.value;
    };
    text_XkDnF.addEventListener("input", f_update);
    f_update();
}