как обрезать несколько строк в текстовой области?

Question

Я пытаюсь создать инструмент с двумя текстовыми областями, в котором я ввожу до 300 строк текста в 1 текстовую область, он удаляет все, кроме первых 5 символов, и выплевывает только эти 5 символов во второй текстовой области

Пожалуйста, прости мои неудачные попытки. Я знаю, что мой код повсюду. Я пытался сделать это несколькими способами. Я верил, что forloop будет лучшим, но я не могу заставить .substring работать

function lineParse() {
var parseBoxList = document.getElementById("parsebox").value;
var nodeLength = 5;
var trimFat = parseBoxList.substring(0, nodeLength);
var text = document.getElementById("parsebox").value;   
var lines = text.split('/n');
var cut = lines.substring(0, 5);
var count = lines.length;      
var x = document.getElementById("parsebox").value;

var text2 = "";
  var i;
var parseLength = 5;

  for (i = 0; i < lines.length; i++) {
    var text3 = text2;
text2 += lines[i];
}



  document.getElementById("demo").innerHTML = cut;

ничего не происходит

Answer 1

Вы сможете достичь того, что ищете, с помощью следующего кода:

HTML

<textarea id="textarea1">
this1 is a line 
this2 is a line 
this3 is a line 
this4 is a line 
this5 is a line 
</textarea>
<textarea id="textarea2"></textarea>

<button id="execute">Execute</button>

JS

function test() {
  // split text area value by newline
  var lines = document.getElementById("textarea1").value.split("\n");

  var newText = "";

  // loop over text area line array and substring each to get the first 5 characters
  for (var i = 0; i < lines.length; i++) {
    var line = lines[i];
    newText += line.substring(0, 5) + "\n";
  }

  // set values to newText variable
  document.getElementById("textarea2").value = newText;
  document.getElementById("textarea1").value = newText;
}

document.getElementById("execute").addEventListener('click', test);

https://jsfiddle.net/zdu6kcvx/3/