如何切换喜欢和不喜欢

使用 CSS 和 JavaScript 在喜欢/不喜欢按钮之间切换。

单击该图标可在赞成和反对（喜欢/不喜欢）之间切换：

切换（隐藏/显示）一个元素

第一步 - 添加 HTML：

<!-- Add icon library -->
<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>

第二步 - 添加 JavaScript：

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

亲自试一试