confirm을 써보자
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)
'웹(Web) > JavaScript' 카테고리의 다른 글
| JavaScript 마우스 이벤트(mouse event) (0) | 2016.11.13 |
|---|---|
| getElementById() + 요소,태그,속성,속성값이란 (1) | 2016.08.01 |
| prompt를 써보자 (1) | 2016.07.30 |
| JavaScript에서 document.write를 써보자 (0) | 2016.06.23 |
| JavaScript alert 사용해서 Hello World 띄우기 (0) | 2016.06.19 |