Проблемы с JS с добавлением li

Question

У меня проблема с добавлением li. Когда я добавляю новый текст li в первый ли и должен быть в следующем. https://jsfiddle.net/zaxmy1nw/1/ Возможно, проблема здесь.

function NewLI(){ 
    AddLi; 
    userp.appendChild(userName); 
    LiP.appendChild(LiText); 

    var UladdLi = document.getElementById("chat").appendChild(AddLi); 
    var AddP = document.getElementById("lispan").appendChild(LiP); 
    var UseraddLi = document.getElementById("lispan").appendChild(userp); 
} 

Answer 1

Вы выбираете по Id, но все li элементы имеют одинаковый идентификатор (lispan), поэтому выбор по идентификатору всегда будет возвращать первый.

Что вы можете сделать, это:

function NewLI(){ 
    AddLi; 
    userp.appendChild(userName); 
    LiP.appendChild(LiText); 
    AddLi.appendChild(LiP) 
    AddLi.appendChild(userp) 
    var UladdLi = document.getElementById("chat").appendChild(AddLi); 

} 

см: https://jsfiddle.net/zaxmy1nw/2/