JavaScript 함수 functions 사용법

 functions 함수이름(){

           코드 

}

<script>
  function two(){ # two(함수이름)
  document.write('하이') # 등록할코드
  
  } 
two(); #함수값 불러오기 
</script>
하이 #출력값

functions 함수를 이용하면 코드를 훨씬 단순하게 만드는것이가능하다 

 

활용 

 #다크모드 코드 
 <script>
  function nightdaybutton(play){
    var find=document.querySelector('body');
  if(play.value==='night'){
  find.style.backgroundColor='RGB(26,36,54)';
  find.style.color ='white';
  play.value ='day';
  var alist = document.querySelectorAll('a');
var i = 0;
while(i< alist.length){
    alist[i].style.color = 'pink';
    i=i+1;
}
  } 
  else{
   find.style.backgroundColor='white';
   find.style.color ='black';
   play.value ='night';
   var alist = document.querySelectorAll('a');
var i = 0;
while(i< alist.length){
    alist[i].style.color = 'blue';
    i=i+1;
   }}}
 </script>
 
 input type="button" value="night"  onclick=" 
nightdaybutton(this)"> # 두줄로 요약하는게 가능해진다