2주차_1(JAVASCRIPT-복습)

짝수 번 눌렀을 때는 "짝짝짝", 홀수 번 눌렀을 때는 "홀홀홀" 얼럿을 띄우는 버튼을 만들어 볼게요!

• 짝/홀수 판단하는 방법

let even = 4;

console.log(even % 2); // 2로 나눈 나머지가 0입니다.

let odd = 5;

console.log(odd % 2); // 2로 나눈 나머지가 1입니다.

• [코드스니펫] 짝/홀수 onclick 함수(완성)

<script>

    let count = 1;

    function hey() {

         if (count % 2 == 0) {

             alert('짝짝짝👏');

         } else {

             alert('홀홀홀🎅');

        }

        count += 1;

      }

</script>

Javascript 만으로 충분할까요?

• 예를 들어 버튼의 색깔을 바꾸고 싶다면?
• 예를 들어 div 박스를 하나 감추고 싶다면?
• → 이런 것들 쉽게 해주는 것이, jQuery!

수업

<script>
      function hey()  {
          let count = 1;
        if (count % 2 ==0) {
            alert('짝수입니다!')
        } else {
            alert('홀수입니다!');
        }
        count += 1;
    }
</script>

▲작동안함(count함수가 사라져서 count이 안됨)

count += 1

//count = count +1;

<script>
      let count = 1;
      function hey()  {
        if (count % 2 ==0) {
            alert('짝수입니다!')
        } else {
            alert('홀수입니다!');
        }
        count += 1;
    }
</script>

▲함수 바깥에 있어야 작동함

※script에서 언제든 쓸 수 있는 친구지만 함수 안에서 선언했다면 그 박스는 함수가 끝나면서 같이 끝난다.