方法-好き嫌いを切り替える
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");
}