2021.02.06 / JavaScript - 함수의 활용

생활코딩 28강 - 함수의 활용

 

함수를 사용하면 스크립트를 여러 번 쓰지 않고도 함수 호출만으로 간결하게 쓸 수 있다.

<script>
        function nightDayHandler(self) {
            var target = document.querySelector('body');
        
        if(self.value === 'night'){
            target.style.backgroundColor = 'black';
            target.style.color = 'white';
            self.value = 'day';

            var alist = document.querySelectorAll('a');
            var i = 0;
            while(i < alist.length) {
                alist[i].style.color = 'powderblue';
                i += 1;
            }
        } else {
            target.style.backgroundColor = 'white';
            target.style.color = 'black';
            self.value = 'night';

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

<input type="button" value="night" onclick="
        nightDayHandler(this);
">

 

 

참고

- www.youtube.com/watch?v=WsPJ8FsoMcU&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=28