1行に1語入力して出力する

Question

私はユーザーの入力を受け取り、メッセージの各単語を別々の行に表示するためにメッセージを解析しようとしています。私はそれを調査し、私は次のよう

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> 

Answer 1

jqueryのを使用している場合、あなたは、文字列を取得した後のようなスペースで分割することができます：

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