Top

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

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

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

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

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

    btn.addEventListener("click", () => {
        const conf = confirm("오늘 공부할 준비가 되었나요?");
        if (conf == true) {
            document.querySelector("#sample2 .view").innerText = "네 준비가 되었습니다."
        } else {
            document.querySelector("#sample2 .view").innerText = "네 아직 준비 안되었습니다."
        }

    });                      
}

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

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

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

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