자바스크립트에서 html로 값 보낼때 input value에 값이 넘어가지 않음

현재 

const sleep_info_id = getInfoIdData.sleep_info_id;

          const sleepInfoIdInput = document.getElementById("sleep_info_id");
          sleepInfoIdInput.value = sleep_info_id;

          console.log("왜?", (sleepInfoId.value = sleep_info_id));

sleep_info_id를 잘 가져오는 모습

 

sleepInfoIdInput.value = sleep_info_id; 이거를 통해 html에 있는 

<input type="hidden" id="sleep_info_id" value="{{ sleep_info_id }}" />

 

sleep_info_id 값이 비어있다.

여기서 value에 값이 들어가지 않아 이미지 저장 로직이 수행되지 않음.

 

이것이 정말 찍히는지 <p>태그에 찍어 보기로 함

<p id="sleep_info_id">{{sleep_info_id}}</p>

 

왼쪽 아래에 값이 잘 넘어오는 모습을 볼 수 있다.

 

근데 왜 안되는 것일까,, 

 

검색을 하다보니 value를 ""로 비워 놓아도 되는 거 같아서 시도해보았다.

<input type="hidden" id="sleep_info_id" value="" />

 

fail,,,

 

아,,

 

이미지 저장함수 바깥에

const sleepInfoId = document.getElementById("sleep_info_id").value;

선언을 해놔서 인식을 못한 것이었다,,,

 

함수 내부에 넣으니까 해결이 되었다,,,

 

 

값은 잘 찍혔던 걸로,,