[WEB 03] JavaScript 함수

7580 단어 JavaScriptJavaScript

Review

Function (함수)

<script>
	function 함수이름(매개변수) {
    	함수 내용;
        return 반환값;
    }
</script>

JavaScript에서는 함수를 사용할 수 있다.
<script> 태그 내에서 함수를 선언하고 사용, 매개변수를 넘기거나 반환값을 받아오는 것도 가능하다.

Challenge

다크모드 구현에 함수 사용

    <script>
        function night() {
            let atags = document.querySelectorAll('a');
            document.querySelector('body').style.backgroundColor = 'black';
            document.querySelector('body').style.color = 'gray';
            for (let i = 0; i < atags.length; i++) {
                atags[i].style.color = 'gray';
            }
        }
        function day() {
            let atags = document.querySelectorAll('a');
            document.querySelector('body').style.backgroundColor = 'white';
            document.querySelector('body').style.color = 'black';
            for (let i = 0; i < atags.length; i++) {
                atags[i].style.color = 'black';
            }
        }
    </script>
    <input type="button" id="darkmode" value="Night" onclick="
        if(this.value === 'Night'){
            night();
            this.value = 'Day';
        } else {
            day();
            this.value = 'Night';
        }
        ">

? Question

! Answer

Comment

JavaScript로 간단한 동작은 구현할 수 있게 되어서 뿌듯하다.
C, Obj-C, Java 등 다양한 언어 개발 경험이 있기 때문에 함수는 쓰던 대로 쓰면 돼서 어렵지 않았다.

좋은 웹페이지 즐겨찾기