JSFiddle - React, Tailwind, and code Playground

by Bhaumik Gadani

HTML

<a href='javascript:checkf()' style="float:left; width:100%;">Click here to check normal behavior</a>
<br><br>
<textarea id="txtarea" rows="10" style="float:left;">
Techplus Software, 
Anandnagar,
Ahmedabad,
Gujarat
</textarea>
<div id="disptext" style="width:200px; height:165px; border:1px solid #ccc; float:left;"></div>
    
<a href='javascript:checknl()' style="float:left; width:100%;">Click here to check with < nl > to < br >  behavior</a>
<br><br>
<textarea id="txtarea1" rows="10" style="float:left;">
Techplus Software, 
Anandnagar,
Ahmedabad,
Gujarat
</textarea>
<div id="disptext1" style="width:200px; height:165px; border:1px solid #ccc; float:left;"></div>

<script>function checkf(){
    $("#disptext").html($("#txtarea").val());
    }
    function checknl(){
    $("#disptext1").html(removenl($("#txtarea1").val()));
    }
     function removenl(p_str) {
    return p_str.replace(/(\r\n|\n|\r)/gm,"<br>");
  }
    </script>