テキストを追加するJQueryループを追加しない

Question

jQuery 2.1.0でループを作成して、各ループに段落を追加しようとしています。これは、これまで

for (var i = 0; i < 3; i++) { 
 
    var hobby = prompt("tell me one of your hobbies!"); 
 
    $("body").append("<p>" + hobby + "</p>"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

私のコードであるので、プロンプトが起動し、正常に動作しますが、それは追加されません...そしてそれがループしません。どんな助けでも大歓迎です。

Answer 1

ネイティブjsを使用してください。

for (var i = 0; i < 3; i++) { 
 
\t var hobby = prompt("tell me one of your hobbies!"); 
 
\t var p = document.createElement('p'); 
 
\t p.innerHTML = hobby; 
 
\t document.body.appendChild(p); 
 
}

Answer 2

$(document).ready(function(){ 
 
for(var i = 0; i<3;i++){ 
 
var hobby = prompt("tell me one of your hobbies!"); 
 
var newP = $("<p>"); 
 
newP.text(hobby); 
 
$("body").append(newP);} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>