1) 파라미터 문법 사용하기
<div class="alert-box" id="alert">안녕하세요!<button onclick="alert('none')">닫기</button></div>
<button onclick="alert('block')">버튼</button>
<script>
function alert(구멍){
document.getElementById('alert').style.display = 구멍 ;
}
</script>
여러 줄의 자바스크립트 코드를 작성하지 않고, 파라미터 문법을 사용하면 한 줄로 간편하게 작성이 가능하다.
파라미터 문법이란 함수를 호출하면서 호출하는 함수 내로 특정한 값을 전달 시킬 수 있는 기능이다.
사용 방법은 간단하다. 함수를 정의 내릴 때 함수 명 옆의 괄호 안에 파라미터 값을 기재해주고
* (파라미터값1, 파라미터값2) 이런식으로 여러개 기술도 가능하다.
function 함수(파라미터값){
alert(파라미터값);
}
함수 호출시 파라미터 값을 괄호 안에 넣어 호출 하면 된다.
<p onclick="함수('안녕하세요');">클릭</P>
이렇게 작성시 p태그를 누르면 함수를 호출시키면서 '안녕하세요'라는 값을 같이 전송하며 최종적으로 alert('안녕하세요')를 실행시키게 된다. 파라미터값은 변수의 이름 설정으로 생각하면 되기 때문에 설명을 위해 '파라미터값'이라 기재했지만 실제론 어떤 이름을 설정하든 크게 상관없다.
