좋아요와 싫어요를 전환하는 방법

좋아요/싫어요 버튼 간에 CSS와 JavaScript를 사용하여 전환합니다.

이 아이콘을 클릭하면 찬성과 반대(좋아요/싫어요) 간에 전환됩니다:

요소를 (숨기기/보이기) 전환

第一步 - 추가 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>

第二步 - 추가 JavaScript：

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

직접 테스트해 보세요