Button Color Change

버튼 클릭 시 색깔 변화를 간단하게 구현

class관련 메서드를 사용해 구현.

---

HTML

body>
    <div></div>
    <button id="my-btn" onclick="myFunc()">클릭</button>
</body>

---

JQuery

       let result='';
        function myFunc(){
            result=$("#my-btn").hasClass('play')
            if(result===true){
                $("#my-btn").removeClass('play');
                $("#my-btn").addClass('pause');
                $("#my-btn").attr('src','./images/pause.jpg');
            }else if(result===false){
                $("#my-btn").removeClass('pause');
                $("#my-btn").addClass('play');
                $("#my-btn").attr('src','./images/play.jpg');
            }
        }