javascript - 使用 javascript 将文本拆分为单个单词，每个单词占一行

Question

我编写了这段代码，将 javascript 合并到 html 中，以便将输入区域中输入的文本拆分为单个单词，每个单词占一行:

function convertToWords() {

  var MyVar;

  MyVar = document.getElementById("demo");

  console.log(MyVar.value.replace(/ /g, "\n"));

  var x = document.getElemenyById("myDiv");

  x.innerHTML = MyVar.value.replace(/ /g, "\n");

}

<input type="text" value="" id="demo" style="width:100%; height:100px">
</input>

<input type="button" value="Convert to single words" onclick="convertToWords();">
</input>

<br>

<div id="myDiv"></div>

我的问题，如何让结果在 html 中，例如在 div 中，而不是仅作为控制台日志？

我尝试了图像中突出显示的代码，但不起作用:(

感谢您的帮助

Answer 1

您可以使用<br>而不是\n

function convertToWords() {

  var MyVar;

  MyVar = document.getElementById("demo");


  var x = document.getElementById("myDiv");

  x.innerHTML = MyVar.value.replace(/ /g, "<br/>");

}

<input type="text" value="" id="demo" style="width:100%; height:100px">
</input>

<input type="button" value="Convert to single words" onclick="convertToWords();">
</input>

<br>

<div id="myDiv"></div>