[JS] Window - 안내메세지 / 확인메세지 / 입력메세지 띄우기

window 속성(값)  메소드 타겟  을 배경색으로 구분하겠다.

 

---

여기서 사용한 메세지창을 띄우는 각각의 메소드들(alert / confirm / prompt)은 DOM의 최상위 객체인 window객체의 메소드이므로 타겟인 window을 생략하고 사용할 수 있다.

---

.innerHTML() 으로 사용자에게 받은 결과값을 html 요소 중 class 이름이 .log인 요소의 값을 변경한다.

 

타겟 : document.querySelector('.log')

값 : 변수에 저장되는 메소드(confirm,prompt)의 결과값

결과 : 요소의 값이 사용자에게 입력받은 결과값으로 변경된다.

 

버튼2는 confrim('재밌는 하루를 보냈나요?')으로 확인과 취소 두 버튼을 가지며 메시지 상자를 띄운다.

확인이면 true값을 아니면 취소버튼으로 false값을 아래 footer에 띄운다.

 

버튼3은 prompt('재밌는 하루를 보냈나요?','ex)운동을 했어요!, 책을 읽었어요!')으로 사용자가 입력한 값을 footer에 띄운다.