[javaScript] function을 활용하여 button기능 개발

[자바스크립트 function을 쓰는 이유]
1. 긴코드를 축약할 수 있습니다.
2. 특정 기능을 다음에도 쓰기 위해 모듈화 해 놓을 수 있습니다.

 <p> 열기 버튼을 누르면 box가 나옵니다.</p> 
 <p> 닫기 버튼을 누르면 box가 사라집니다 .</p> 
 <div class="alertBox" id="alert"> 
 	<p> Alert Box </p> 
 </div> 
 <button onclick="openBox()">열기 </button>
 <button onclick="closeBox()">닫기</button>

 

<script> 

  function openBox(){ 
      document.getElementById('alert').style.display = 'block'; 
  } 

  function closeBox(){ 
      document.getElementById('alert').style.display = 'none'; 
  } 
  
</script>