2017-04-10 92 views
0

我正在尝试接收用户输入并解析消息,以在单独的行中显示消息的每个单词。我研究它看起来像我会用类似设置为以下每行输入和输出一个字

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> 

+0

请提供你试图给我们审查,看看代码我们可以帮助。 – colecmc

+1

请做一个研究,并尝试自己解决你的问题。然后将您的代码发布到卡住的地方。 StackOverflow不是'Hey !,我需要这样做的地方,你能为我写代码吗' –

回答

0

如果使用jQuery你可以抓住那根绳子,然后用空格,如裂:

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