Как сделать - переключить нравится и не нравится
Переключение между кнопкой «Нравится/Не нравится» с помощью CSS и JavaScript.
Нажмите на значок, чтобы переключиться между поднятием и опусканием большого пальца (нравится/не нравится):
Переключить (скрыть/показать) элемент
Шаг 1) Добавьте HTML:
Пример
<!-- 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>
Шаг 2) Добавьте JavaScript:
Пример
function myFunction(x) {
x.classList.toggle("fa-thumbs-down");
}