개발/HTML
[JavaScript] 입력 필드 초기화 후에도 이전 값이 유지되는 문제 발생
aihtnyc_h
2024. 10. 22. 20:01
728x90
반응형
SMALL
#### 문제 설명
- **문제**: JavaScript에서 입력 필드 초기화 후에도 이전 값이 유지되는 문제가 발생.
- **상황**: 입력 값에 대한 예외 처리를 구현한 후, 초기화가 이루어지지 않아 문제가 발생.
- **확인 사항**: 콘솔 로그를 통해 값 변경이 정상적으로 이루어졌음을 확인했으나, `getElementById` 호출 시 이전 값을 읽어오는 현상 발견.
#### 예외 처리 로직
- 입력 값에 따른 예외 처리 필요:
- **입력 값 > 보유 포인트**
- **입력 값 < 보유 포인트**
- **입력 값 = 보유 포인트**
#### 해결 방안
- 이벤트 리스너를 각 입력 필드에 재등록하여 상태를 업데이트함으로써 문제 해결.
- 아래와 같이 입력 필드에 대한 이벤트 리스너를 추가하여 입력 값 변경 시 적절한 함수를 호출하도록 구현함.
document.getElementById("pointDataInput").addEventListener("input", updatePoint);
document.getElementById("priceData").addEventListener("input", updatePrice);
document.getElementById("socData").addEventListener("input", updatePrice);
document.getElementById("stationFee").addEventListener("input", updatePrice);
#### 추가 조치
- 초기화 함수에서 이벤트 리스너를 재등록하는 로직을 추가하여, 초기화 후에도 정상적으로 동작하도록 수정.
- 예를 들어, `clean` 함수에 이벤트 리스너 재등록 로직을 포함.
728x90
반응형
LIST