Javascript

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

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

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

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

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

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