Disciplina: TI - Desenvolvimento de Sistemas
Banca: PROGEP-FURG
Orgão: FURG
O código HTML abaixo será utilizado na questão.
<div>
<input type="text" id="todo-text" />
<input type="button" id="btn-add" value="Adicionar" />
<ul id="todo-lista">
<li class="todo-item">Tarefa 1</li>
<li class="todo-item">Tarefa 2</li>
<li class="todo-item">Tarefa 3</li>
</ul>
<style>
#todo-lista li.todo-item.concluido {
text-decoration: line-through;
}
</style>
</div>
Uma classe de nome .concluido foi criada para riscar o texto de cada item de uma lista. Assinale a alternativa que apresenta o código JavaScript que implementa corretamente a funcionalidade de adicionar ou remover a classe .concluido no elemento <li /> quando clicado, mesmo se um novo item for adicionado: