Como - Alternar Curtir e Não Curtir
Alterne entre um botão curtir/não curtir com CSS e JavaScript.
Clique no ícone para alternar entre polegar para cima e polegar para baixo (curtir/não gostar):
Alternar (Ocultar/Mostrar) um Elemento
Etapa 1) Adicionar HTML:
Exemplo
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Use an element to toggle between a like/dislike icon -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>
Etapa 2) Adicionar JavaScript:
Exemplo
function myFunction(x) {
x.classList.toggle("fa-thumbs-down");
}