Узнать, как создать переключение между кнопкой Нравится/Не нравится< используя HTML, CSS и JavaScript.
Переключить Нравится/Не нравится
Нажмите на значок, чтобы переключаться между большими пальцами вверх и большими пальцами вниз (нравится/не нравится):
Создать переключатель Нравится/Не нравится
Шаг 1) Добавить HTML:
<!-- Добавить библиотеку иконок -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Используйте элемент для переключения между значком нравится/не нравится -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>
Шаг 2) Добавить JavaScript:
function myFunction(x) {
x.classList.toggle("fa-thumbs-down");
}
Попробуйте сами »