Javascript

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

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

{
    {
        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 = "아직 준비 안되었습니다."
        });
    }
}

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

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

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