Javascript 함수 Part2 (재귀, 전역변수, 지역변수 학습 44일차 TIL)

210816 지난 시간에 이어 함수에 대해 더 자세 학습했고, 그동안 배운 html, css, javascript에 대한 중간 점검이 있었다.

Javascript Basic

• onclick(); 이벤트를 tag에 직접 주지 않을 때 window.onload를 사용할 수 있다.

  window.onload = function () {
    function iLoveJs(answer) {
      if (answer === 'yes') {
        let yyy = ['멋집니다!', '지금처럼 열심히~', 'Good입니다.'];
        let num = Math.floor(Math.random() * 3 + 0);
        alert('와와! ' + yyy[num]);
      } else {
        let nnn = ['그만 놀아요ㅜㅜ', '분발하세요>.<', '재미없어요ㅋㅋ'];
        let num = Math.floor(Math.random() * 3 + 0);
        alert('참나! ' + nnn[num]);
      }
      return false;
    }

    let y = document.getElementById('btnYes');
    y.onclick = function () {
      iLoveJs('yes');
    }
    let n = document.getElementById('btnNo');
    n.onclick = function () {
      iLoveJs('no');
    }
  }

• onsubmit은 기본적으로 서버에 내용을 전송하므로, 서버에 전송을 하지 않기 위해서 return을 해준다.
• 인자값을 전달할 필요가 없을 때 함수 간단하게 작성하기.

let form = document.getElementById('onSale');
form.onsubmit = salePrice;
// 이런식으로 ()를 쓰지 않고, onsubmit이 됐을 때 함수를 실행하도록 할 수 있다.