[TIL 2022](5) JS javascript Dark , Day Mode 만들기 - 3

학습한 내용

• 반복문으로 a 태그 폰트 색상을 바꾼다.
• a 태그 폰트 색을 바꾸는 코드를 night와 day 명으로 함수를 만들어 코드를 정리했다.

<script>
        function night() {

            document.querySelector('body').style.backgroundColor='black';
            document.querySelector('body').style.color='white'; 
            let as = document.querySelectorAll('a');
            for (let i=0;1<as.length;i=i+1){
                as[i].style.color= 'white';

        }
    </script>

• 함수를 만들어 코드를 깔끔하게 정리 : 함수화 시키기
• 함수를 만드는 문법 형태는

	function 함수명{매개변수명}{
       함수값 넣기
    
	}

• 함수만들기 및 활용 예시

<scrpit>
	function 부가세계산(가격){
		let 부가세율 = 0.1;
        let 부가세 = 가격 * 부가세율;
        console.log(부가세);
        
	}
    consle.log(부가세계산(2,000))
    
 </scrpit>

• 함수는 입력이 있기 떄문에, 입력에 따라 값이 변경된다.
• 가격은 매개변수(파라미터) 명이고, 매개 변수명에 입력하는 값을 인자, argument 라고한다.

학습내용 중 어려웠던 점

• 조건문을 사용하여 a태그를 수정하였으나, 버튼 동작에 오류가 났었음
• 코드에서는 문제를 알 수없었음

해결방법

• 개발자 도구로 실행 상태를 확인하여 오류를 찾음

학습소감

• 클린코드를 작성하는 데 필요한 것이 궁금해졌다.
• 오류가 났을 때, 코드를 살펴보기만 했으나 개발자 도구를 통해 오류를 찾아내는 변화가 생겼다.