promise btn 클릭 문제

async function btnEvent(){
  const btnPromise = new Promise((resolve, reject) => {
    const btn = document.querySelector('#btn');
    btn.addEventListener('click', function(){
      const str = '성공했습니다.~_~'
      resolve(str);
    });
  });
    try {
      const result = await btnPromise;
      console.log(result);
    }
    catch {
      console.log('실패했어요 ㅠㅠ');
    }
}
btnEvent();

선생님 저는 이렇게 했는데 ㅠㅠ 선생님 코드하고 다른데 잘못한걸까요?

일단 성공했습니다가 뜨긴 하는데 

저는 new Promise를 변수에 담아  async 바깥으로  빼고 넣고의 차이를 잘 모르겠어요..!

선생님은 바깥으로 빼셨고, 저는 한데 묶은 함수에 async를  붙여줬는데.. 저처럼 했을 때의 문제점이 있나요?