Como alternar gostar e não gostar

Alternar entre botões de gostar e não gostar usando CSS e JavaScript.

Clique no ícone para alternar entre aprovar e desaprovar (gostar / não gostar):

Alternar (ocultar / mostrar) um elemento

Primeira etapa - Adicionar HTML：

<!-- Adicionar biblioteca de ícones -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Usar um elemento para alternar entre ícones de gostar e desgostar -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

Segunda etapa - Adicionar JavaScript：

function myFunction(x) {
  x.classList.toggle("fa-thumbs-down");
}

Experimente você mesmo