Top

01. 브라우저 객체 : window 객체 메서드 : window.alert() : 알림창 표시하기

버튼을 클릭하면 알림창이 표시됩니다. 
{
    const btn = document.querySelector("#sample1 .btn1");

    btn.addEventListener("click", () => {
        alert("알림창");
    });
}

02. 브라우저 객체 : window 객체 메서드 : window.confirm() : 확인창 표시하기

버튼을 클릭하면 확인창이 표시됩니다. 
{
    const btn = document.querySelector("#sample2 .btn1");

    btn.addEventListener("click", () => {
        const conf = confirm("오늘 공부할 준비가 되었나요?");

        document.querySelector("#sample2 .view").innerText = conf
    });
}

03. 브라우저 객체 : window 객체 메서드 : window.prompt() : 입력창 표시하기

버튼을 클릭하면 입력창이 표시됩니다. 
{
    const btn = document.querySelector("#sample3 .btn1");

    btn.addEventListener("click", () => {
        const conf = prompt("오늘 공부할 준비가 되었나요?");
        
        document.querySelector("#sample3 .view").innerText = conf
    });
}