从输入值创建li元素

Question

从<input type="number">有价值。如何创建与元素相同数量的li元素？

例如有输入人数，需要创建如此多的元素作为输入的人。

Answer 1

$(document).on('click','#create',function() { 
 
    var liNum = $('#liNum').val(); 
 
    if (liNum && !isNaN(liNum)) { 
 
    var ul = document.createElement('ul'); 
 
    for(var i = 0;i < liNum; i++) { 
 
     var li = document.createElement('li'); 
 
     li.innerHTML = "List item #" + i; 
 
     ul.appendChild(li); 
 
    } 
 
    document.body.appendChild(ul); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<input id="liNum" type="number" /> 
 
<button id="create">Create list</button>