언어/JS

사용자와 상호작용 할 수 있는 대화 상자 (alert, prompt, confirm)

paice 2023. 5. 9. 02:10
  • alert - 알려줌
    • 확인 버튼만 있음
    const name = "챈";
    
    alert("환영합니다, " + name + "님"); //1
    alert(`환영합니다, ${name}님`); //2
    //1,2 코드는 동일
    
  • prompt - 입력 받음
    • 취소를 누르면 null 값이 들어옴
    • default값을 미리 넣을 수 있음
    • 입력 받은 값은 무조건 문자형임
    const DATE = prompt("예약일을 입력해주세요", "2024-03-19"); //두개의 인수를 받을 수 있음
    alert(DATE);
    
  • confirm - 확인 받음
    • alert와 다른 점은 취소, 확인 버튼 두개가 존재
    • 확인을 누르면 true, 취소를 누르면 false
    const isAdult = confirm("당신은 성인 입니까?");
    console.log(isAdult);
    
  • 단점
    • 스크립트 일시 정지
    • 스타일링 X

'언어 > JS' 카테고리의 다른 글

기본 연산자  (1) 2023.05.09
형변환 (Type Conversion)  (1) 2023.05.09
자료형  (1) 2023.05.09
변수  (0) 2023.05.09
자바스크립트 개요  (1) 2023.05.09