사용자 입력 후 검색할 때 입력 값 변수가 비어 있는 이유는 무엇입니까?

변수에 저장된 빈 입력 값 문제 해결

나중에 사용하기 위해 입력 필드()의 값을 검색하려고 할 때 API에서 데이터를 가져올 때 사용자 입력에 관계없이 저장된 변수가 비어 있는 문제가 발생할 수 있습니다. 이는 입력 값을 보유하는 변수가 초기 스크립트 평가 중에 한 번만 초기화되고 다시 업데이트되지 않기 때문에 발생합니다.

제공된 코드 조각에서 inputValue 변수는 스크립트가 실행될 때 입력 필드의 값이 할당됩니다. 버튼을 클릭할 때가 아니라 처음 로드됩니다. 버튼을 클릭할 때마다 업데이트된 입력 값에 액세스하려면 다음 두 가지 옵션이 있습니다:

1. 매번 요소 쿼리:

const testing = () => {
  const inputValue = document.getElementById("inputField").value;

  alert(inputValue);
};

이 경우 호출될 때마다 테스트 함수 내에서 입력 값을 검색하여 사용합니다.

2. 요소 참조 및 값 속성 쿼리:

const inputElement = document.getElementById("inputField");
const testing = () => alert(inputElement.value);

여기서 입력 요소 참조는 inputElement에 저장되어 필요할 때마다 해당 값 속성에 액세스할 수 있습니다.

위 내용은 사용자 입력 후 검색할 때 입력 값 변수가 비어 있는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!