confirm을 써보자

Posted by ITPangPang
2016.07.22 01:08 웹(Web)/JavaScript


confirm을

써보자


이번에는 자바스크립트에서 alert과 비슷한 대화상자인

    confirm을 사용해보도록 하겠습니다.


ㆍ confirm 대화상자는 사용했을때 true, false 2가지 반환값을

    얻을 수 있습니다.


ㆍ 역시 바로 사용해보면서 알아보는게 이해가 빠를것 같습니다.



기본적인

사용방법은 alert처럼

아주 쉽습니다.


confirm('할말');


이런식으로 적어주게 되면

다음과 같은 결과를

얻을 수 있습니다.


코드를 보면

다음과 같습니다.

1
2
3
4
5
6
7
8
9
10
11
<html>
    <head>
        <meta charset = "utf-8">
        <title>Hello World</title>
    </head>
    <body>
    <script>
        confirm('할말');
    </script>
    </body>
</html>
cs


script 안에 간단하게
위에있는데로
한줄만 적어주시면 됩니다.

위 그림을 보면
확인, 취소 버튼
2가지가 있는데

두가지 경우를 선택할 경우
어떤값이 반환되는지 
확인하기 위해서 코드를 
몇줄 추가해보겠습니다.

1
2
3
4
5
6
7
8
9
10
11
12
<html>
    <head>
        <meta charset = "utf-8">
        <title>Hello World</title>
    </head>
    <body>
    <script>
        var returnValue = confirm('할말');
        alert(returnValue);
    </script>
    </body>
</html>
cs


이런식으로 변수에다가 값을 담은후에

alert을 통해 그 값을 띄어보겠습니다.


alert이 아니라 

document.write를 쓰셔도 됩니다.

저는 오늘 대화상자를 다루므로

alert으로 해보겠습니다


확인을 눌렀을 경우(true)



취소를 눌렀을 경우(false)



이런식으로 각 버튼을 눌렀을때

어떤값이 반환되는지 확인 할 수 있습니다


이제 반환값을 알았으니

모든 언어의 해결사

if문을 써주면 원하는데로

좀 더 나타낼 수 있습니다


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
    <head>
        <meta charset = "utf-8">
        <title>Hello World</title>
    </head>
    <body>
    <script>
        var returnValue = confirm('할말');
        if(returnValue == true)
        {
            document.write('할 말이 뭔데?');
        }
        else
        {
            document.write('할 말 없구나?');   
        }
    </script>
    </body>
</html>
cs


이런식으로 한번 써보면

다음과 같은 결과를 얻을 수 있겠죠


확인을 눌렀을 경우(true)


취소를 눌렀을 경우(false)




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