prompt를 써보자

Posted by ITPangPang
2016.07.30 02:31 웹(Web)/JavaScript


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를 판단하는

코드를 똑같이 돌려줍니다


다음과 같은 결과를

얻을 수 있습니다.



- 코드 실행


- 아이디가 틀렸을 경우


- 아이디가 맞았을 경우


- 비밀번호가 틀렸을 경우


- 비밀번호가 맞았을 경우

저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로