Eu estou tentando criar uma parte do menu superior com EcmaScript em vez de html puro, porém não estou entendendo o que falta para acrescentar o elemento.
Código HTML
<div class="rd-navbar-cell rd-navbar-nav-wrap" id="list">
<ul class="rd-navbar-nav rd-navbar-nav-default">
<!-- Queria que os elementos que estão no Array vão parar aqui -->
</ul>
</div>
Código EcmaScript:
var listElement = document.querySelector("#list ul")
var listsElement = ['Home',
'Cursos',
'Promoções',
'Eventos',
'Blog',
'Quem-somos',
'Soluções Corporativas',
'Parceiros'
]
var x = listsElement.map(function(item){
return item;
})
listElement.createElement('li')
listElement.appendChild(x)
Sinto que está faltando alguma coisa para acrescentar ou está errado... Alguém poderia me explicar?