Top

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

{
    const btn = document.querySelector("#sample1 .btn1");

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

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

{
    // 만약에 true 이면 > 네 준비되었습니다. 라고 뜨게.
    // 만약에 false이면 > 네 아직 준비 안되었습니다. 라고 뜨게.
    const btn = document.querySelector("#sample2 .btn1");

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

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

{
    const btn = document.querySelector("#sample3 .btn1");

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