prompt
prompt 함수는 사용자로부터 입력 값을 받기위해 팝업창을 띄워주는 함수입니다.
let x = prompt("값을 입력하세요"); // 값을 입력하세요. 라는 팝업창이 뜬다
사용자가 입력칸에 값을 입력하고 확인 버튼을 클릭하면 입력한 값이 문자열 형태로 반환되고
취소 버튼을 클릭하면 null이 반환됩니다.
alert
alert 함수는 매개변수로 전달된 문자열 메시지를 모달 대화 상자로 표시합니다.
alert(x = 10); // 10이 모둘로 출력된다.
arert("x = 10"); // x = 10이 문자열로 출력된다.
alert 함수는 팝업창을 띄워 사용자와 간편하게 커뮤니케이션을 할수 있기때문에 경고 또는 알림을 할때 주로 사용된다.
조건문( if )
조건문은 말 그대로 true와 false를 출력하는데에 필요한 조건을 제시하는 코드입니다.
- if : 조건이 true라면 if 블록의 코드를 실행
- else if: if 조건에서 false가 나오고 현재 조건에서 true가 나온다면 else if 블록의 코드를 실행
- else : 위의 모든조건들이 false라면 else 블록의 코드를 실행
조건문은 학원에서 배운 내용을 토대로 prompt 함수와 alert 함수를 활용하여 입력값을 받고 조건문을 사용하여 그에 옳바른 답변을 출력하는 것을 예로 작성하여 보겠다.
let age = prompt("나이를 입력하세요.");
if (age >= 20) {
alert("성인입니다.");
}
else if ((age > 0 )&&( age < 20 )){
alert("미성년자입니다.");
}
else{
alert("나이를 다시 입력해주세요.");
}
이런 식으로 코드를 짠다고 했을 때, prompt에 입력한 값에 따라 나오는 대답이 달라지게 된다.
만약 20살 이상을 입력했다면 성인입니다 라는 안내문이 나올것이고 20살 미만을 입력했다면 미성년자입니다가,
그 외의 잘못된 값을 입력한다면 나이를 다시 입력해주세요 라는 답변이 나올것이다.
위 와 같이 한 살로 대답한다하여도 우리가 넣어놓은 입력값은 숫자만 받기때문에 else에 포함되는 답변이 나온다.
'JS' 카테고리의 다른 글
반복문 (for, while) (0) | 2024.05.03 |
---|---|
if문과 prompt를 사용하여 가위바위보 하기 (0) | 2024.04.24 |
논리 연산자 - OR, And, Not (0) | 2024.04.17 |
연산자 - 단항, 비교, 부정 (0) | 2024.04.16 |
var, let ,const의 차이점 (0) | 2024.04.12 |