New line in text area

Question

This is my statement one.\\n This is my statement2

This is my stateme         
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5408099190056760"
     data-ad-slot="7305827575"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>        </div>
      </div>
      
      <div class="fly-panel detail-box" id="flyReply">
        <fieldset class="layui-elem-field layui-field-title" style="text-align: center;">
          <legend>12条回答</legend>        </fieldset>

        <ul class="jieda" id="jieda">
                    <li data-id="111" class="jieda-daan">
            <a name="item-1111111111"></a>
            <div class="detail-about detail-about-reply">
                         <a class="fly-avatar" href="">
                <img src="https://www.e-learn.cn/qa/data/avatar/000/00/00/small_000000079.jpg" alt=" 北海茫月 ">
              </a>
              <div class="fly-detail-user">
                <a href="" class="fly-link">
                  <cite> 北海茫月</cite>
                                             
                </a>
                
                <span>(楼主)</span>
            
              </div>              <div class="detail-hits">
                <span>2020-11-22 11:47</span>
              </div>

            </div>
            <div class="detail-body jieda-body photos">
              <p>          
<p>I think you are confusing the syntax of different languages.</p>

<ul>
<li><p><code>
</code> is (the HtmlEncoded value of ASCII 10 or) the linefeed character literal in a <strong>HTML</strong> string. But the line feed character does <strong>NOT</strong> render as a line break in HTML (see notes at bottom).</p></li>
<li><p><code>\n</code> is the linefeed character literal (ASCII 10) in a <strong>Javascript</strong> string.</p></li>
<li><p><code><br/></code> is a line break in HTML. Many other elements, eg <code><p></code>, <code><div></code>, etc also render line breaks unless overridden with some styles.</p></li>
</ul>

<p>Hopefully the following illustration will make it clearer:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>T.innerText = "Position of LF: " + t.value.indexOf("\n");

p1.innerHTML = t.value;
p2.innerHTML = t.value.replace("\n", "<br/>");
p3.innerText = t.value.replace("\n", "<br/>");</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code><textarea id="t">Line 1
Line 2