Top

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

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

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

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

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

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

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

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

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

MISSION

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

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

        if(conf){
            document.querySelector("#sample4 .view").innerText = "네 준비되었습니다.";
        }else{
            document.querySelector("#sample4 .view").innerText = "아니요 아직 준비 안되었습니다.";
        }

    });
}