JSFiddle - React, Tailwind, and code Playground

HTML

<FORM>
    Input:<br>
    <TEXTAREA NAME="Input" ID="txtIn" ROWS=4 COLS=40></TEXTAREA><br>
    <INPUT TYPE=BUTTON NAME="Action" VALUE="Convert" onClick="Conv();">
    <P>
    Output:<br>
    <TEXTAREA NAME="Output" ID="txtOut" ROWS=14 COLS=20></TEXTAREA>
</FORM>

JavaScript

function Conv() {
    var input = document.getElementById('txtIn');
    var output = document.getElementById('txtOut');
    output.value = input.value;
}

// Alter the "inpit.value" to add the following.
//  .toLowerCase()
//  .toLowerCase().replace(/ /g,'\n')
//  .toLowerCase().replace(/ /g,'\n').split('\n').sort().join('\n');
//  .toLowerCase().replace(/[,'.:!"]/g,'').replace(/ /g,'\n').split('\n').sort().join('\n'); 
//
// Example: 
//  output.value = input.value.toLowerCase();