도저히 모르겠는게 있습니다.

[박상원]

promise 간단 연습문제 풀다가 질문이 생겼습니다.


<---------------------------HTML 문서에 작성한 코드 (동작이 잘 되는 코드)---------------------->

<script>
var img = document.querySelector("#kona");

img.addEventListener("load", () => {
console.log("load");
 });
</script>

<---------------------------------------------------------------->


위 코드는 콘솔창에 "load"가 잘 찍힙니다.
근데 자바스크립트 파일을 외부로 빼면 "load"가 안찍혀요. "load"가 안찍히는 코드는 아래와 같습니다.

<---------------------------HTML 문서에 작성한 코드 (동작이 안되는 코드)---------------------->

<script src="./main.js">
</script>



<main.js>

var img = document.querySelector("#kona");

img.addEventListener("load", () => {
console.log("load");
 });

<---------------------------------------------------------------->


분명 코드는 똑같은데, 왜 html 내부에 스크립트 코드를 작성하면 "load"가 찍히고, 아닐땐 안찍힐까요?
script 경로가 잘못되서 안찍히는건 아닙니다. 콘솔창에 img 찍으면  가 잘 출력이 되요.

[박상원]

아 이게 이미지 태그쓰니까 사진이 뜨네요.. 코나 자동차 사진 부분은  <img ... ~~~ 입니다.

[codingapple]

아마 js파일도 가져오는시간이 필요한데 그 전에 이미지가 로드되었나봅니다

[박상원]

ㄱ감사합니다

[글쓴이]

글