2021.02.07 / JavaScript - 객체의 활용

생활코딩 33강 - 객체의 활용

 

주간모드, 야간모드 코드 객체화

<script>
        var Links = {
            setColor:function (color) {
                var alist = document.querySelectorAll('a');
                var i = 0;
                while(i < alist.length) {
                    alist[i].style.color = color;
                    i += 1;
                }  
            }
        }

         var Body = {
            setColor:function (color) {
                document.querySelector('body').style.color = color;
            },
            setBackgroundColor:function (color) {
                document.querySelector('body').style.backgroundColor = color;
            }
        }
        
        function nightDayHandler(self) {
            var target = document.querySelector('body');
        
            if(self.value === 'night'){
                Body.setBackgroundColor('black');
                Body.setColor('white');
                self.value = 'day';

                Links.setColor('powderblue');
                
            } else {
                Body.setBackgroundColor('white');
                Body.setColor('black');
                self.value = 'night';

                Links.setColor('blue');
            }
        }
</script>

 

 

참고

- www.youtube.com/watch?v=JNaX6EG9-FI&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=33