[JavaScript] 자바스크립트에서 경고 표시하기 alert()

088_자바스크립트에서 경고 표시하기 alert()

[적용]

• 알림창을 표시하고 싶을 때
• 동기 형식으로 유저에게 메시지를 표시하고 싶을 때

---

[문법]

메소드	의미	반환
alert(내용)	알림창 표시	없음

---

[내용]

alert()은 메시지 내용과 OK 버튼으로 이루어진 알림(경고)창을 표시한다.

창이 닫히기 전까지 자바스크립트가 실행 중인 상태로 유지되므로 OK 버튼을 눌러 창을 닫기 전까지는 다른 작업이나 브라우저의 조작이 불가능하다. 알림창 메시지 내용의 줄바꿈은  \n과 템플릿 문자열을 사용한다.

// 버튼 참조
const btn = document.querySelector('button');

// 버튼 클릭시 작업
btn.addEventListener('click', (event) => {
    // 알림창 표시
    alert('안녕하세요!\n좋은 하루 보내세요.');
});

 

---

[APPENDIX]

window 객체의 메소드

alert()은 window 객체 메소드다.window 객체를 참조하는 범위는 전역이므로 window.를 생략해도 상관없다.confirm()과 prompt()도 마찬가지로 window 객체다

// 알림창 표시
window.alert('안녕하세요.');

// 알림창 표시
alert('안녕하세요.');

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김