JSFiddle - React, Tailwind, and code Playground

by BramVanroy

HTML

<textarea>Bananas! Apples and pears walk down pyjamas the street! and they say pyjamas hi to eachother, pyjamas But then! some one else comes pyjamas along pyjamas Who is he?, pyjamas I don't know who! he is pyjamas whatever,,</textarea>

<h1>OUTPUT</h1>
<div id="output"><pre></pre></div>

CSS

textarea {
    width: 95%;
    height: 90px;
}

#

JavaScript

$("#output>pre").html($("textarea").val());

var a = $("textarea").val(),
    b = a.split('!').join("!\n	"),
    c = b.split('pyjamas').join("pyjamas \n");

$("textarea").keyup(function() {
    $("#output>pre").html(c);
});