Quiero separar todos los elementos marcados en etiquetas LI, pero en este momento los estoy agregando a todos en una sola etiqueta LI. ¿Qué estoy haciendo mal? Probablemente sea simple y yo soy un tonto :(

 let ul = document.querySelector('.ul') let li = document.createElement('li') getSelectedToys() { let { selectedToys } = this; const checked = document.querySelectorAll('input[type=checkbox]:checked') for (var i = 0; i < checked.length; i++) { selectedToys.push(checked[i].value) console.log(selectedToys[i]) } selectedToys.forEach(function(item) { ul.appendChild(li) let text = document.createTextNode(item); li.appendChild(text) })