Olá! Tentei criar uma < li > na lista de afazeres mas fiquei na dúvida quanto ao código. Não entendi o que está faltando para a < li > criada pelo value do input ser adicionada na < ul >. Podem ajudar?
<html>
<ul class="afazeres">
<li>Ir ao médico</li>
<li>Trocar a senha do Wifi</li>
<li>Estudar Javascript</li>
</ul>
<form class="adicionar-tarefa">
<input type="text" name="tarefa">
<button id="botao-adicionar">Salvar</button>
</form>
<script>
var form = document.querySelector('.adicionar-tarefa');
var botao = document.querySelector('#botao-adicionar');
botao.addEventListener("click", function(evento){
evento.preventDefault();
var tarefa = form.input.value;
var tarefaLi = document.createElement("li");
tarefaLi.textContent = tarefa;
tarefaLi.appendChild("ul");
});
</script>
</html>