[js] 입력받은 숫자 3자리 마다 콤마 찍기

https://mong-blog.tistory.com/entry/input%EC%97%90-%EC%9E%85%EB%A0%A5%EB%90%9C-%EC%88%AB%EC%9E%90%EC%97%90-%EC%BD%A4%EB%A7%88-%EC%B0%8D%EA%B8%B0?category=965256 

input에 입력된 숫자에 콤마 찍기

 

 

html

<input type="text" id="number"/>

 

 

 

js

const input = document.querySelector('#number');
input.addEventListener('keyup', function(e) {
  let value = e.target.value;
  value = Number(value.replaceAll(',', ''));
  if(isNaN(value)) {
    input.value = 0;
  }else {
    const formatValue = value.toLocaleString('ko-KR');
    input.value = formatValue;
  }
})

 

 

여러개 있을 때

https://imivory.tistory.com/42

[tip] 가격(숫자 3자리, 천단위)에 자동 콤마 (input or div) 넣기