[JavaCript] function을 쓰는 이유 - 파라미터

<div class="alert-box" id="alert">
	<p>Alert 박스</p>
   	<button onclick="알림창열기()">버튼</button>
</div>    
<script>
    
    function 알림창열기(here) {
        document.getElementsById('alert').style.display = "here";
    }
        
    알림창열기('block'); //alert 보여줌
    알림창열기('none'); //alert 닫아줌
        
</script>

함수의 소괄호()안에 문자나 숫자를 입력할 수 있다.

알림창 열기 함수를 실행하는데, here자리에 'block'과 'none'넣어 실행한다.

 

즉, 아래와 같은 코드가 되는 것이다.

<script>
        function 알림창열기(block) {
            document.getElementsById('alert').style.display = "block";
        }
        
        function 알림창열기(none) { //알림창 닫기
            document.getElementsById('alert').style.display = "none";
        }
</script>

함수 하나만으로 알림창을 열고 닫는 두 가지 기능을 구현할 수 있는 것이다.

파라미터를 쓰면 코드 양이 줄어들고 함수 하나로 다양한 기능을 실행한다.