promise 연습문제

[themapa]

promise 연습문제 중 이미지가 로드되면 성공했다고 출력하는 함수를 짰는데 왜 안되는 지 몰라서 질문을 합니다.

const img = document.querySelector("#test")

let testPromise1 = new Promise(function(resolve, reject){
  img.addEventListener('load', function(){
    resolve('성공!')
  })
  img.addEventListener('error', function(){
    reject('실패!')
  })
})

testPromise1.then(function(successMessage){
  console.log(successMessage)
}).catch(function(failMessage){
  console.log(failMessage)
})

load되는 부분을 click로 바꾸니깐 작동이 되는데 왜 load는 작동이 안되는 지 이해가 안되네요ㅠ

img.addEventListener('load', function(){ => img.addEventListener('click', function(){

[codingapple]

알수없군요 셀렉터가 맞는지 확인하거나 

img.onload = function () {
  resolve()
};

이래봅시다 

[themapa]

셀렉터를 변해보고 img.onload를 사용해봐도 안되는데 코드한번 확인해주실 수 있을까요🙏

https://github.com/guswnsakvk/practice-js/tree/main/promise

[codingapple]

그대로 복붙해보니까 저는 콘솔창에 성공 실패 잘 뜨는데 

크롬 콘솔창에 아무것도 안뜨는것입니까 

[글쓴이]

글