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>
O código abaixo foi implementado com o intuito de adicionar o texto do input[id=todo-text] na lista ul[id=todo-lista] quando o input[btn-add] for clicado. Assinale a alternativa que apresenta os comandos que devem substituir, respectivamente, A___, B___ e C___ para que a funcionalidade desejada ocorra:
A___('#btn-add').B___('click', function () {
var texto = A___('#todo-text').value.trim();
if (texto.length > 0) {
A___('#todo-lista').C___ += '<li class="todo-item">'+texto+'</li>';
}
});