Page:: edit_textarea()

Allows the user to edit the text area. Its an onclick event listener that activates the text area allowing the user to start editing.

xxxxxxxxxx
    public edit_textarea(input:HTMLInputElement) {

Description

Get the text area which is a child of the parent of the input element.

xxxxxxxxxx
        const textarea = input.parentElement!.querySelector("textarea")!;

Transfer the input value to the text-area text content.

xxxxxxxxxx
        textarea.textContent = input.value;

Hide the input area and unhide the text area.

xxxxxxxxxx
       input.hidden = true;
        textarea.removeAttribute("hidden");
    }