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;
    })
    
    //만약에 true이면 -> 네 준비되었습니다.
    //만약에 false이면 -> 아직 준비 안돼었습니다.
    const btn = document.querySelector("#sample2 .btn1");
    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;
    });
}