JavaScript_토글 좋아요 기능

토글 좋아요 기능 예제

<style>
	.like--heart{
		font-size: 150px;
		color: gray;
		cursor: pointer;
	}

	.like--heart.liked{
		color:red;
	}
</style>

<span class="like--heart" onclick="likeToggle()">&#10084;</span>

<script>
	function likeToggle() {
		let likeHeart = document.querySelector(".like--heart");
		console.log(likeHeart);
		console.log(likeHeart.classList);
		likeHeart.classList.toggle('liked');
	}
</script>