[JavaScript] close() 함수? 메소드? - 알림창 UI 띄우기 중...

 

'버튼' 클릭 > 알림창 나타남 

'닫기' 클릭 > 알림창 사라짐

 

<p id="alert-box" class="alert-box">알림창임
    <button id="closeBtn" class="closeBtn" onclick="close()">닫기</button>
</p>
<button id="btn" class="btn" onclick="btn()">버튼</button>

function close(){
    document.getElementById('alert-box').style.display = 'none';
}

 

btn()은 실행이 되는데, close()는 반응이 없었다.

혹시나 해서 함수 이름을 바꿨더니 제대로 실행됨;

 

<p id="alert-box" class="alert-box">알림창임
    <button id="closeBtn" class="closeBtn" onclick="alertClose()">닫기</button>
</p>
<button id="btn" class="btn" onclick="btn()">버튼</button>

 

자바스크립트에서 close는 window.close(), self.close()...등에서 특정 개체에서만 적용되는 메소드이다.

단순히 결과를 반환하는 독립적인 함수가 아닌 window와 self라는 특정 개체에서 반응한다는 의미로 이해된다.

나는 일단 함수 이름을 단순히 close라고 지었더니, 무반응에 에러도 안 떠서 난감;

 

함수와 메소드의 차이를 다시 찾아보게 됨-

참고 > https://khalidpark2029.tistory.com/145

함수, 메소드 , 개념차이_Day47

 

 

 

 

 

 

***

초보입니다. 잘못된 내용 있으면 언제든 댓글 달아주세요, 감사합니다🙏

---