[miniProjects] 15_Incrementing Counter

15_Incrementing Counter

💻 주제 : 숫자 증감 + 반응형 페이지

• 초기 counter 값은 0

❗아래 결과 값은 string ${target값}으로 나온다.

const target = counter.getAttribute('data-target');
console.log(typeof target, target);

❗counter 앞에 parseInt나 +기호를 붙이면 number로 type이 바뀐다.

const target = +counter.getAttribute('data-target');
console.log(typeof target, target);

• c가 target이 되기전에는 counter가 올라가고 target지점에 도달 시 숫자 증가가 멈춤.

if(c < target) {
      // ceil : 반올림 메서드
      counter.innerText = `${Math.ceil(c + increment)}`;
      setTimeout(updateCounter, 1);
    } else {
      counter.innerText = target;
    }