JS. 브라우저 객체, confirm 확인창 표시하기 + if 적용

 

난 잠시 if에서 헤맸다

다음에 똑같은 시행착오를 겪지 않고자 이를 기록으로 남기고자 한다.

 

오늘 공부할 준비가 되었나요? 네니오...

.

.

.

시작하겠습니다.

---

 

먼저, confirm으로 확인창을 표시하겠습니다.

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

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

 

 

먼저, 버튼을 누르면 확인창이 뜨도록 하였습니다.

그 다음은 if를 넣는 것인데...

if 적용하기

첫 번째 시도

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

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

        if (true) {
            document.querySelector("#sample1 .view").innerText = "네, 준비되었습니다.";
        } else {
            document.querySelector("#sample1 .view").innerText = "네, 아직 준비되지 않았습니다.";
        }
    });
}

흠... 주어진 대로 한 것 같은데 안되네요

예전에 if문 정리한 것과 계속 비교를 했는데 뭐가 문제인지 모르겠다

일단 눈에 가장 안익지만 가장 짧은 삼항 연산자를 사용해보자!

두 번째 시도

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

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

        (conf == true)? document.querySelector("#sample1 .btn1").innerText = "네, 준비되었습니다." : document.querySelector("#sample1 .btn1").innerText = "네, 아직 준비되지 않았습니다."
    });
}

이건 또 실행이 된다... 왜그럴까... 내가 선언을 잘못하거나 철자를 틀린 것이 아니라는게 증명됐다

그래서 다시 한 번, 정석대로 if문을 써 보았다

세 번째 시도

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

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

        if (conf == true) {
            document.querySelector("#sample1 .view").innerText = "네, 준비되었습니다.";
        } else {
            document.querySelector("#sample1 .view").innerText = "네, 아직 준비되지 않았습니다.";
        }
    });
}

아... 그냥 true라고 쓰면 안되고 conf == true라고 써야하는 것을 알게되었다!

하하하하하하

하하하하하하하하하하하하

하하하하하하하하하하하핳하하!

 

 

이 세 가지 시도 외에도 정말 많은 시도가 있었고 아무리 봐도 틀린게 없었는데.. 틀린게 있었다...!