如何切換喜歡和不喜歡

使用 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");
}

親自試一試