이벤트 핸들러가 호출 된 후에 input 태그를 매번 초기화 해주려면
이벤트 핸들러의 제일 마지막에 input.value = ''; 입력하기.
예시
function removeWord() {
const word = document.querySelector(`[data-word="${input.value}"]`);
if (word) {
word.remove();
}
input.value = '';
}
728x90
'코딩도 합니다 > JS' 카테고리의 다른 글
[자바스크립트 js] MouseEvent.relatedTarget (0) | 2021.05.16 |
---|---|
[자바스크립트 js] 스크롤 이벤트 / scrollY 프로퍼티 (0) | 2021.05.16 |
[자바스크립트 js] input 태그 / input 태그 종류 / 포커스 이벤트 / 입력 이벤트 (0) | 2021.05.16 |
[자바스크립트 js] 키보드 이벤트 / keydown / keypress / keyup (0) | 2021.05.16 |
[자바스크립트 js] mouseenter / mouseleave VS mouseover / mouseout (0) | 2021.05.16 |