Solucionado
Invés de eu fazer todo esse código de criar um elemento, adiconar uma classe, colocar o conteudo no elemento, e inserir o elemento na lista... não seria melhor eu fazer tudo com template string? não é muito mais facil e rápido? ou não é indicado?
ul.innerHTML += `<li class="task"><p class="content">${input.value}</p></li>`;
Fala ai Wallison, tudo bem? Depende muito do contexto, cada abordagem vai ter suas vantagens e desvantagens. Nesse exemplo faz sentido teu exemplo, fica bem mais simples e legível, além de menos verboso.
Espero ter ajudado.
Entendi, obrigado!
Magina Wallison, sempre que precisar não deixe de criar suas dúvidas.
Abraços e bons estudos.