Olá, estou tentando adicionar um evento no meu botão, no qual ele mude o Status de "A Fazer" para "Concluido", modifiquei várias vezes e não consigo encontrar o erro. Por favor me ajudem. Código do Form:
<table class="table">
<thead>
<tr>
<th>ID</th>
<th>Descrição</th>
<th>Categoria</th>
<th>Data de Ínicio</th>
<th>Data de Vencimento</th>
<th>Status</th>
<th class="w-25"></th>
</tr>
</thead>
<tbody>
@foreach (var todolist in Model)
{
string atrasado = todolist.Atrasado ? "bg-warning" : "";
<tr>
<td>@todolist.ToDoListId</td>
<td>@todolist.Content</td>
<td>@todolist.Category</td>
<td>@todolist.DateStart.ToString("dd/MM/yyyy")</td>
<td class="@atrasado">@todolist.DateExpiration?.ToString("dd/MM/yyyy")</td>
<td class="@atrasado">@todolist.Status?.ToString()</td>
<td>
@if(todolist.Status == "A Fazer")
{
<button type="submit" class="btn btn-primary btn-sm btnCompletar" name="@nameof(ToDoList.ToDoListId)" value="@todolist.ToDoListId">
Completar
</button>
}
</td>
<td>
<a asp-action="Edit" asp-route-id="@todolist.ToDoListId" class="btn btn-sm btn-secondary">Editar</a> |
<a asp-action="Details" asp-route-id="@todolist.ToDoListId" class="btn btn-sm btn-info">Detalhes</a> |
<a asp-action="Delete" asp-route-id="@todolist.ToDoListId" class="btn btn-sm btn-danger">Deletar</a>
</td>
</tr>
}
</tbody>
</table>
</form>
//Código no Javascript:
<script>
const btnCompletar = document.querySelectorAll('.btnCompletar');
btnCompletar.forEach((e) => {
e.addEventListener('click', () => {
e.preventDefault();
console.log("botão clicado", e.textContent);
})
})
</script>```
[Projeto](https://i.sstatic.net/l86Cjf9F.png)
**No caso ao clicar o botão "Completar", esse Status iria mudar para "Concluído**"