Javascript 每行输入和输出一个字

我正在尝试接受用户输入并解析消息，以便在单独的一行中显示消息的每个单词。我研究过它，看起来我会使用如下类似的设置

console.log("string text line 1\n\string text line 2"); 

但不知道如何实现我的输入和输出

<p id="op"></p>

或者可能是一个用于输出的div

我还没有找到一个可靠的例子来说明我需要做什么。因此，用户输入一个句子，当我点击process按钮时，我需要它在输入字段中提取每个单词，并在单独的行中输出每个单词

<header>
    <h1>Parse Test</h1>
</header>
<br>
<p>Please enter a short sentence:</p>
<input id="inp" type="text">
<br>
<br>
<button type="button" onclick="pass()">Process</button>
<br>
<p id="iop"></p>
<br>
<script>

    function pass() {

        var lx = document.getElementById("inp").value;
        document.getElementById("iop").innerHTML = ("");
    }

</script>

解析测试


请输入一个简短的句子：





过程





函数传递（）{
var lx=document.getElementById（“inp”）.value；
document.getElementById（“iop”）.innerHTML=（“”）；
}

---

如果使用jquery，您可以获取字符串，然后按空格分割，例如：

var message = "My message to split on spaces";
$('#your_div_id').html(message.split(' ').join("<br/>"));

var message=“我要在空格上拆分的消息”；
$（'your#div_id'）.html（message.split（''.join（
））；

请提供您尝试过的代码供我们查看，看看我们能提供什么帮助。请先进行研究并尝试自己解决您的问题。然后把代码贴在卡住的地方。StackOverflow不是一个‘嘿！’！，我需要这样做，你能帮我写代码吗