함수 이용 EX2

    <script>
    function bodysSetColor(color){
      document.querySelector('body').style.color = color;
    }
    function linksSetColor(color){
      var link = document.querySelectorAll('a')
      var i = 0;
        while(i < link.length){
          link[i].style.color = color;
          i = i + 1;
        }
    }
    function bodysSetBackgroundColor(color){
      document.querySelector('body').style.backgroundColor = color;
    }
    function nightDayHandler(self){
      var target = document.querySelector('body')
      if(self.value === 'night'){
        bodysSetBackgroundColor('black');
        bodysSetColor('white');
        self.value = 'day';
        linksSetColor('powderblue');
      } else {
        bodysSetBackgroundColor('white');
        bodysSetColor('black');
        self.value = 'night';
        linksSetColor('red');
      }
    }
    </script>

기존의 target.style.color = white;에서 document.querySelector('body').style.color = color;로 바뀐 이유는

color는 함수의 Argument를 위해서 바뀌었고 기존 코드의 target은

var 라는 변수 target = document.querySelector('body') 를 통해 만들어졌지만 해당 변수는

bodysSectColor 함수에 포함되지 않아 인식하지 않기 때문에 객체값을 준것이다.