-
[JS] 좋아요, 싫어요 버튼FrontEnd/JavaScript 2022. 4. 24. 02:33
function clickLikeBtn() { if (likeBtn.classList.contains('active')) { likeBtn.classList.remove('active'); like_sign = 0; } else { if (unlike_sign == 1) alert("이미 싫어요를 눌렀습니다."); else { likeBtn.classList.add('active'); like_sign = 1; } } } function clickUnlikeBtn() { console.log('unlikebtn') if (unlikeBtn.classList.contains('active')) { unlikeBtn.classList.remove('active'); unlike_sign = 0; } else { if (like_sign == 1) alert("이미 좋아요를 눌렀습니다."); else { unlikeBtn.classList.add('active'); unlike_sign = 1; } } } const likeBtn = document.getElementById('like'); const unlikeBtn = document.getElementById('unlike'); let like_sign = 0; let unlike_sign = 0; likeBtn.addEventListener('click', () => clickLikeBtn()); unlikeBtn.addEventListener('click', () => clickUnlikeBtn());
좋아요 버튼 or 싫어요 버튼을 한 가지만 누를 수 있도록 like_sign과 unlike_sign을 이용했다. 더 간단하게 코드를 짜고 싶은데 어떻게 하면 좋을까?
'FrontEnd > JavaScript' 카테고리의 다른 글
[JS] Nomadcoders - Vanila JS (0) 2022.05.03 [JS] Do it! JS - 03 변수와 자료형, 연산자 (0) 2022.05.02 [JS] Do it! JS - 02 자바스크립트와 친해지기 (0) 2022.05.02 [JS] Do it! JS - 01 자바스크립트 (0) 2022.04.30 [JS] 선택자 종류 (0) 2022.04.24