Adicionar item em uma Lista Não Ordenada (ul) com JAVASCRIPT - Me Ajuda?

Front-end JavaScript
,
#1

Pessoal eu tenho essa lista não ordenada…

<ul id="mostrar">
  <li>Biscoito</li>
  <li>Cookie</li>
</ul>
  • Biscoito
  • Cookie

Eu quero com Javascript quando eu clicar em Add, apenas adicionar outro item abaixo dos que já estão ali, porem com meu código ele esta ficando assim:

  • Biscoito
  • Cookie
    • Bolo

Como posso corrigir para que fique igual aos outros? Segue meu código JS…

<script type="text/javascript"> {
		function listar(){
			var lista = document.getElementsByTagName('input');
			var i;
			var listaOrdenada = document.createElement('ul');
			for (i = 0; i < lista.length; i++) {
				var novoItem = document.createElement('li'); 
				novoItem.innerHTML = lista[i].value;
				listaOrdenada.appendChild(novoItem);
				lista[i].value = null;
			}
			var listagem = document.getElementById('mostrar');
			listagem.appendChild(listaOrdenada);
		}
	}
</script>

Desde já muito obrigado!

#2

Você está adicionando uma lista dentro de uma lista, tenta assim:

<script type="text/javascript"> {
		function listar(){
			var lista = document.getElementsByTagName('input');
			var i;
                   //pegue a sua lista já criada!
			var listagem = document.getElementById('mostrar')
			for (i = 0; i < lista.length; i++) {
				var novoItem = document.createElement('li'); 
				novoItem.innerHTML = lista[i].value;
                            //add um novo item!
				listagem.appendChild(novoItem);
				lista[i].value = null;
			}
			var listagem = document.getElementById('mostrar');
			listagem.appendChild(listaOrdenada);
		}
	}
</script>
1 curtida
#3

Muuuito obrigado, é isso mesmo, deu certinho, vlw mesmo… tava com dificuldade hehe!
E eu errei sem querer, é lista não ordenada mesmo, eu que esqueci de colocar o não, kk mas ja editei, Obrigado!

1 curtida