换行自动修剪的内部div在html中

Question

我的回应数据： 10将COUNTER1设置为5
20将COUNTER2设置为5
30将LIMIT1设置为3
40将LIMIT2设置为4
50次直到COUNTER1 60直到COUNTER2 70个打印字母表（COUNTER1，COUNTER2）
80 COUNTER2 = COUNTER2 – 1
90 enddo
100 COUNTER1 = COUNTER1 – 1
110将COUNTER2设置为5
120 enddo

请考虑上面的伪代码，该伪代码将打印下表中包含的值。
伪代码显示的最后一个值是什么？

F O H M Q
S K T W P
D C A R U
E G I N L
X B J Y Z

我的数据在div中呈现：

10将COUNTER1设置为5 20将COUNTER2设置为5 30将LIMIT2设置为4 40将LIMIT2设置为4 50直到COUNTER1

我希望在div响应时显示它吗？

Answer 1

您是否尝试将\n替换为它们的HTML等效项：<br>

var textarea = document.getElementById("input")
var data = document.getElementById("data")
var changed = document.getElementById("changed")

function toDivs() {
  data.innerHTML = input.value
  changed.innerHTML = input.value.replace(/(\n|\r\n|\n\r)/g, '<br>')
}

toDivs()
textarea.addEventListener("keyup", toDivs)

div { margin-top: 1em; }
#data { color: blue; }
#changed { color: green; }

<textarea id="input">Hello
world
</textarea>
<div id="data"></div>
<div id="changed"></div> 

文档：String.prototype.replace() - JavaScript | MDN