Dynamiczne dodawanie listy ul do kodu html

Question

let getBtn = document.querySelector('#click');
        getBtn.addEventListener("click", function(){
            let div = document.createElement('div');
            document.body.appendChild(div);
            let ul = div.createElement('ul');
            div.appendChild(ul);
            for(let i=0; i<3; i++){
                let li = ul.createElement('li');
                
                if(i==0)
                    li.textContent = "PRZYKŁAD 1";
                
                if(i==1)
                   li.textContent = "PRZYKŁAD 2";
                
                if(i==3)
                   li.textContent = "PRZYKŁAD 3";
                
                ul.appendChild(li);
            }
        });

Witam mam o to skrypt w którym chodzi oto, że po kliknięciu w dany przycisk do kodu html ma się dodać div z listą typu ul i trzema elementami li. Czy ktoś z was JS'owców mógłby luknąć na kod i mi pomóc :) ?

Answer 1

createElement() to metoda obiektu document. Więc popraw tworzenie ul i li.

Comments

Czyli jak poprawię z div.createElement na document.createElement to będzie to działać? Mam pytanie czy pętla która ma za zadanie dopisać wartości do li jest w porządku?

---

Nie jest w porządku. 

Dom tworzenie i usuwanie