在點擊js後添加號碼到事件按鈕

Question

我需要幫助完成這個簡單的任務。我點擊按鈕後添加另一個li元素「item X」。 X =後續數

<ul id="list"> 
<li>item 0</li> 
</ul> 
<button id="addElem">Add</button> 

 

var flag = 0; 
for (var i = 0; i < flag.length; i++) {} 
var list = document.getElementById('list'); 
var add = document.getElementById('addElem'); 
add.addEventListener('click', function() { 
var NewlistElem = document.createElement('li'); 
list.appendChild(NewlistElem).innerHTML += 'item' + flag[i]; 
}) 

Answer 1

var flag = document.getElementsByTagName('li'); // #1 
flag=flag[flag.length-1].innerHTML; // #2 
flag=parseInt(flag.match(/\d+/))+1; // #3 

說明

• #1 - >得到所有li元素
• #2 - >選擇最後一個li元素的innerHTML
• #3 - 使用正則表達式>，得到的數量和使用parseInt轉換成int和添加+ 1

var list = document.getElementById('list'); 
 
var add = document.getElementById('addElem'); 
 
add.addEventListener('click', function() { 
 
var flag = document.getElementsByTagName('li'); 
 
flag=flag[flag.length-1].innerHTML; 
 
flag=parseInt(flag.match(/\d+/))+1; 
 
var NewlistElem = document.createElement('li'); 
 
list.appendChild(NewlistElem).innerHTML += 'item' + flag; 
 
})

<ul id="list"> 
 
<li>item 0</li> 
 
</ul> 
 
<button id="addElem">Add</button>