JS BASIC | Prompt, Alert, Confirm

chaen·2024년 1월 22일

JS Grammar

목록 보기
14/28
post-thumbnail

prompt, alert,confirm은 브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능이다.

💻 Prompt

대화 상자, 사용자가 입력한 메시지가 문자열 형태로 전달되고, 입력하지 않고 취소를 누를 경우 null 값을 입력한다.

문자열 형태이기 때문에 인원수를 저장할 경우 number이나 parseInt를 사욯한다.

const number = prompt('몇 명이 참가하나요?');
console.log('인원 수', number);

💻 Alert

단순한 알림창, console.log 대신 활용하기도 한다.

const number = prompt('몇 명이 참가하나요?');
alert(number);

단, 디버깅 용도로 사용할 때는 console.log를 추천한다.

→ 사용자에게도 알림창이 보이기 때문.

💻 Confirm

의사 확인, [확인]을 누르면 true가 콘솔 창에 기록되고 [취소]를 누르면 false가 콘솔 창에 기록된다.

const yesOrNo = confirm('확인이나 취소를 눌러보세요');
console.log(yesOrNo);

참고할 만한 글

그것을 위해 자바스크립트를 사용할 필요는 없습니다
Prompt, Alert, Confirm 함수를 사용하지 않고 HTML, CSS로 대화 상자 모달을 구현하는 방법을 설명하고 있다.

0개의 댓글