title: Append a text on a specefic row of a TextArea
body: <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>let someText = "Hi THIS IS MY TEXT AND I WANT IT CENTRED NOT ON THE TOP OF THE TEXTAREA"; //This would be replaced with your textarea value
  let stringSplit = someText.split("\n");
  
  if (stringSplit.length &lt; 8) {
    //Add enough items to be 8 rows
    for (let x = stringSplit.length; x &lt; 8; x++) {
      stringSplit.push("");
    }
  }
  
  //replace the 8th row value with your name
  stringSplit[7] = "YourName";
  
  //Join the array back into a string separated by newline between each element value
  someText = stringSplit.join("\n");
  //Set your textarea value = someText
  console.log(someText);</code></pre>
  </div>
  </div>
  </p>
  
  <p>With this code I am able to add value on the 8th row, but the problem is that my text will be like this:</p>
  
  <pre><code>    EXEMPLE OF TEXT
  
  
  
  
  
  
         VALUE(8throw)
  </code></pre>
  
  <p>Instead of </p>
  
  <pre><code>            /n
              /n
              /n
          MY TEXT
  
  
         Value(8th row)
  </code></pre>
  
  <p>I want to let my text centred , and the value to be on the 8th row, instead of having my text on the top of the textarea, an my value on the bottom.
  I want to replace the 3 breakline by my text to make something like this.</p>
  
  <pre><code>\n \n \n Mytext \n \n \n Value
  </code></pre>
  
  <p>What I want to achieve is <a href="https://i.stack.imgur.com/gveLo.png" rel="nofollow noreferrer">this </a></p>