[WEB 03]JavaScript関数

7732 ワード
JavaScript テキストリンク

Review


Function

<script>
	function 함수이름(매개변수) {
    	함수 내용;
        return 반환값;
    }
</script>
JavaScriptでは関数を使用できます.
また、タグ内で関数を宣言したり、パラメータを使用したり、渡したり、戻り値を取得したりすることもできます.

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、Object-C、Javaなど多くの言語開発経験があるので、関数はそのまま書くことができ、難しくありません.
pandas (Part 2)
[白俊-java]2573号:氷山