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("오늘 공부할 준비가 되었나요?");

        if(conf == true){
            document.querySelector("#sample2 .view").innerText = "네 준비되었습니다.";
        } else if(conf == false){
            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;
    });
}