[책] 자바스크립트 코드 레시피 278 - 80일차

경고 표시하기

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

구문

alert();

실습

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

---

index.html

<button>OK 버튼</button>

---

script.js

window.onload = () => {
    const btn = document.querySelector('button');
    btn.addEventListener('click', function() {
        alert('안녕하세요.\n좋은 하루 보내세요');
    });
};