happy cat image

everdevel

hello world

EEOS

에버디벨 책을 학습할 수 있는 클라우드 개발 환경을 제공합니다.
개발환경구축없이 태블릿에서도 개발할 수 있는 책의 예제와 프로젝트
오직 당신을 위한 스토리지, URL, DB, 무제한 트래픽
그리고 웹기반 개발환경을 제공합니다.

더 알아보기
에버디벨이 만든 무료 클라우드 개발환경을 소개합니다.

confirm 창

confirm창에 대해서 알아 볼게요.

이 창은 우리가 선택을 할 때 사용 하는 것입니다.

예를 들어 어떠한 게시물을 삭제할때 정말로 삭제하시겠습니까? 라는 문구를 보신적이 있을텐데요.

그것이 바로 confirm창입니다.

confirm

많이들 보셨죠?

이것을 띄우기 위해서는 매우 간단합니다.

JavaScript

confirm("표시할 문구");

실제로 적용 해서 볼까요?

Source

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
confirm("안녕하세요.");
</script>
</head>
<body>
</body>
</html>

(로그인을 하시면 위의 코드를 실행 할 수 있습니다.
oAuth인증 방식으로 빠르고 간편하게 로그인할 수 있습니다.
네이버, 구글, 카카오, 라인의 ID로 순식간에 로그인 하세요.)

confirm()함수는 어떤 값을 내보낼(반환)까요?

confirm()함수는 Boolean타입의 값을 반환 합니다.

Boolean의 값으로는 true와 false가 있죠? ^^

그럼 변수를 선언하고 변수의 값에 confirm함수를 넣어서 실험해 봅시다.

취소와 확인을 눌렀을때 어떤 값을 출력 하는지에 대해서.. ^^

JavaScript

var con_test = confirm("어떤 값이 나올까요. 확인을 눌러보세요.");
document.write(con_test);

Source

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
var con_test = confirm("어떤 값이 나올까요. 확인을 눌러보세요.");
document.write(con_test);
</script>
</head>
<body>
</body>
</html>

(로그인을 하시면 위의 코드를 실행 할 수 있습니다.
oAuth인증 방식으로 빠르고 간편하게 로그인할 수 있습니다.
네이버, 구글, 카카오, 라인의 ID로 순식간에 로그인 하세요.)

위의 소스를 실행해 보면 confirm()함수에 대한 버튼을 클릭했을 경우 화면에 확인을 누르면 true가 취소를 누르면 false가 출력이 됩니다.

if문을 활용 하여 결과에 대해 명령문 처리하기

위의 소스에서 보면 con_test 변수를 선언하고 값으로 confirm()함수를 넣었더니 그에 대한 결과 값이 con_test에 대입이 되었습니다. 그리고 document.write를 사용하여 값을 출력 하니 그 값이 나왔구요.

if문을 사용하여 con_test == true 또는 con_test == false 라는 조건문을 줄 수 있습니다. 해볼까요.

JavaScript

var con_test = confirm("어떤 값이 나올까요. 확인을 눌러보세요.");
if(con_test == true){
  document.write("확인을 누르셨군요");
}
else if(con_test == false){
  document.write("취소를 누르셨군요.");
}

그럼 예제를 통해 확인 해 볼까요?

Source

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
var con_test = confirm("어떤 값이 나올까요. 확인을 눌러보세요.");
if(con_test == true){
  document.write("확인을 누르셨군요");
}
else if(con_test == false){
  document.write("취소를 누르셨군요.");
}
</script>
</head>
<body>
</body>
</html>

(로그인을 하시면 위의 코드를 실행 할 수 있습니다.
oAuth인증 방식으로 빠르고 간편하게 로그인할 수 있습니다.
네이버, 구글, 카카오, 라인의 ID로 순식간에 로그인 하세요.)

다음 강좌에서는 직접 함수를 만드는 방법에 대해서 알아 봅시다. ^^


    
    

강좌로 돌아가기

댓글 0개

정렬기준