Javascript/ if 문 안에서 color 조건을 넣을 때 유의사항

상황 설명

  var color = circle.css('background-color');
        if(color === 'orange'){
          circle.css('background-color','blue')
          turn=!turn;
          break;
        }

원의 색깔이 '오렌지' 일 때, '파랑'으로 바꾸고자 코드를 작성했다.

 

 

오류

원의 색깔이 어떤 색이든 상관 없이, 무조건 색깔이 바뀌었다.

 

 

원인

CSS 파일에서 'background-color' 값을 'orange'로 설정한 것을 조건문에서 그대로 넣어준 것이 원인이었다.

color값을 로그 찍어보니 실제로 rgb 값이 찍혔다.

 

 

해결

        var color = circle.css('background-color');
        if(color === "rgb(255, 165, 0)"){
          circle.css('background-color','blue')
          turn=!turn;
          break;
        }

조건문에도 rgb 값을 넣어주었더니 정상 작동!