View
사용자와 상호작용하는 대화상자
- alert
- prompt
- confirm
alert()
메세지를 띄우고 사용자가 확인버튼을 누르기 전까지는 계속 메세지가 떠있음
(알리는 용도)
prompt
사용자에게 어떤 값을 입력받을 필드를 띄운다.
const name = prompt ("이름을 입력하세요.");
alert("환영합니다, "+ name + "님");입력창이 뜨고, 이름을 입력하면 alert으로 환영메세지
백틱으로 작성
const name = prompt ("이름을 입력하세요.");
alert(`환영합니다, ${name}님`);- 입력창이 떴는데 취소를 누르는 경우 null 값이 들어감
- null은 아무 내용이 없다.
- default 값을 입력하여 null이 아니도록 할 수 있음
prompt는 default값을 입력할 수 있다.
- 2개의 인수를 받을 수 있다.
const name = prompt("예약일을 입력해주세요.", "2021-00-");2번째에 들어가는 것이 입력받을 default값
confirm
확인받을 때 사용
const isAdult = confirm("당신은 성인입니까?");
console.log(isAdult);alert은 확인버튼만 있으나
confirm은 확인과 취소버튼이 합께있음
확인 : true
취소 : false
단점
창이 떠 있는 동안 스크립트가 일시 정지
창을 닫기 전에는 이후 동작에 제한을 받는다.
스타일링이 불가능
위치와 모양을 정할 수 없다.
브라우저마다 모양이 다르다.html, css의 모달창을 이용
장점
빠르고 간단하게 적용 가능
reply