legen zum Ereignis Taste nach Klick in js

Question

ich mit dieser einfachen Aufgabe helfen müssen. Ich habe Knopf, der nach dem Klicken ein weiteres li Element "Element X" hinzufügt. x = Folgenummer

<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 

Erklärung

• #1 -> erhalten alle li Elemente
• #2 -> letzte li Elements innerHTML-
wählen
• #3 -> regexp verwenden, in der Zahl erhalten und wandeln in Int parseInt mit und fügen + 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>