2017-04-10 93 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/>")); 
相關問題