Jquery 입력 단락 생성기

Question

예를 들어 단락 번호와 같은 사용자 입력을받을 수있는 항목을 만든 다음 버튼을 클릭하면 해당 단락 수가 생성됩니다. 내가 확실하지 아무 문제 없지만 변수에 단락을 저장할 수 있습니다 같은데요

내가 어떻게 할 수 사용자 입력 :

에서 그것을 여러 나는 방법을 몇 가지로 시작하는 도움과 설명을받을 경우 내가 그것을 감사 할거야!

var $paragraph = $(
'<p> Tired of lorum Ipsum? why not try puff-puffing ipsum? A simple and fun 
    generator to help all those colour puffs that are in need. Put some puff into 
    your project.</p>' 
}); 

Answer 1

사용자의 값을 잡고 for 루프를 사용하여 출력을 생성 한 다음 페이지에 넣습니다.

$("form").on("submit", function(e) { 
 
    e.preventDefault(); 
 
    var num = $('#num').val(), 
 
    paragraph = 
 
     "<p>Tired of lorum Ipsum? why not try puff-puffing ipsum? A simple and fun generator to help all those colour puffs that are in need. Put some puff into your project.</p>", 
 
     output = ''; 
 
    for (var i = 0; i < num; i++) { 
 
    output += paragraph; 
 
    } 
 
    $('#output').html(output); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
<input type="number" id="num"> 
 
<input type="submit" value="generate"> 
 
</form> 
 

 
<div id="output"></div>

Answer 2

다음과 같은 EED합니다 : ID로 1. 텍스트 입력 상자를 (ID를 입력 (힌트 발()) ID로 2. 출력 DIV을하는 데 사용됩니다 - ID를 사용되는 TP 출력 텍스트 3. 버튼을 최대 루프 방금 추가 할 필요가 전화 번호 루프 내부

미만 곳 루프 클릭 ID (캡처하는 데 사용되는 ID로 이벤트 3. clixk 이벤트를 제출 텍스트 (변수 div를 출력한다.

코드를 작성하지 않았습니다. 직접 시도하고 싶습니다.