每行输入和输出一个单词

时间:2017-04-10 19:46:49

标签: javascript

我正在尝试接受用户输入并解析消息以在单独的行上显示消息的每个单词。我对它进行了研究,看起来我将使用与以下类似的设置

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

但不确定如何实现我的输入和

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

或者也许是输出的div。

我无法找到我需要做的实例。所以用户输入一个句子,当我点击进程按钮时,我需要它来输入输入字段中的每个单词并将它们输出到单独的行中。

<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>

1 个答案:

答案 0 :(得分:0)

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

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