prompt를 써보자
prompt를
써보자
ㆍ JavaScript에서 대표적인 대화상자 comfirm, alert에
이어서 이번에는 prompt를 써보도록 하겠습니다.
ㆍ prompt는 사용자의 입력을 받을 수 있는 대화상자입니다
사용자가 대화상자에 적은 값을 변수로 담아서 그 후에
조건문등을 통해서 원하는 결과를 얻을 수 있습니다.
기본적인 사용방법은
다른 대화상자와
마찬가지로
어렵지 않습니다
prompt('입력창 메시지','입력메시지');
이런식으로 써주면
됩니다.
먼저 위에 그대로
실행시켜서
결과값을 보면
이런 결과를
얻을 수 있습니다.
물론
입력메시지 부분에
아무것도 안넣으면
빈칸으로 대화상자가
뜨게 됩니다.
prompt('입력창 메시지','');
이번에는
코드 몇줄을
추가해서 동작시켜
보겠습니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <html> <head> <meta charset = "utf-8"> <title>Hello World</title> </head> <body> <script> var id = prompt('아이디를 입력하세요',''); if(id=='itpangpang') { var pw = prompt('비밀번호를 입력하세요',''); if(pw=='1234') { document.write('로그인에 성공하였습니다'); } else { alert('비밀번호가 틀렸습니다'); } } else { alert('아이디가 틀렸습니다'); } </script> </body> </html> | cs |
이런식으로 써보면
먼저 사용자가
첫번째 prompt에 입력한
값을 변수 id에 담은 후
조건문 if를 통해서
id가 itpangpang인지
확인하고
true일 경우 다시 비밀번호를 묻는
prompt를 반복하고
false일 경우 아이디가 틀렸다는
alert 대화상자를 띄웁니다
true일 경우는 비밀번호의
true, false를 판단하는
코드를 똑같이 돌려줍니다
다음과 같은 결과를
얻을 수 있습니다.
- 코드 실행
- 아이디가 틀렸을 경우
- 아이디가 맞았을 경우
- 비밀번호가 틀렸을 경우
- 비밀번호가 맞았을 경우
'웹(Web) > JavaScript' 카테고리의 다른 글
| JavaScript 마우스 이벤트(mouse event) (0) | 2016.11.13 |
|---|---|
| getElementById() + 요소,태그,속성,속성값이란 (1) | 2016.08.01 |
| confirm을 써보자 (0) | 2016.07.22 |
| JavaScript에서 document.write를 써보자 (0) | 2016.06.23 |
| JavaScript alert 사용해서 Hello World 띄우기 (0) | 2016.06.19 |