개발일지

Chap05. 개발일지 - 클로저 기초예제

개발일지

오랜만에 스터디 하는 겸 개발일지를 적어본다 :^)
나한테 주어진 2주차 과제는 for문을 돌려서 alert로 버튼안의 숫자들 (1,2,3,4,5)찍기였다.
innerHTML, innerText 등등 태그안의 값을 가져오지 않고 index로만 가져오는 문제

즈엉답 :::

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
  // for문 돌려서 alert로 해당 숫자찍기
      var btn = document.querySelectorAll('.button-test');
      function btnEvt(idx) {
          var btnElement = btn[idx];
          btnElement.addEventListener('click', function() {
              alert(idx);
          })
      }
      for(var i = 0; i < btn.length; i++) {
          btnEvt(i)
      }
</script>

codepen

See the Pen wpLzWg by lee-hyuna (@lee-hyuna) on CodePen.

쿵칫따칫
-
끝

Share