[JavaScript]클릭으로 색적용/미적용하는 ol 만들기

<ol type="A" onclick="bgChange()">

<script>
    let count=1;
    
    function bgChange(){
        if(count%2==0){
            document.querySelector('ol').style.backgroundColor='yellowgreen'
        }
        else{
            document.querySelector('ol').style.backgroundColor='transparent'
        }
        count+=1

    }
</script>

if(count%2==0)일때 즉 짝수일때

yellowgreen으로 배경색바꾼다.

else 즉 홀수일때

transparent(투명)으로 배경색바꾼다.

count선언은 밖에 해주어야(전역변수로 선언) 값 저장이 가능하다. if not) 계속 값이 증가하지않음...

 

클릭할때마다 1씩 값을 증가시켜준다.

 

개선사항)값이 일정값 초과시 초기화시켜주는 코드가 필요해보인다...