지난 시간 자바스크립트 함수 중 기본 팝업창을 띄우는 alert() 함수를 알아보았습니다.
이번 시간에는 확인, 취소 버튼이 있는 팝업창인 confirm() 함수입니다.
확인, 취소에 따른 동작을 구현하기에 좋은 팝업 창입니다.
사용법입니다.
자바스크립트 파일을 만들고, 하기처럼 코딩합니다. alert() 팝업 창과 매우 유사합니다.
역시, 대소문자 구별에 주의를 해야 합니다.
confirm("confirm 팝업창을 종료하시겠습니다까?");해당 파일과 연결되어 있는 HTML 파일을 실행시키면
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="merryChristmas.js"></script>
</body>
</html>하기와 같은 결과를 얻을 수 있습니다.
참고로, 확인 및 취소 버튼 동작에 따른 값을 받고 싶을때는 하기처럼 코딩 하면 됩니다.
var result = confirm("confirm 팝업창을 종료하시겠습니다까?");
결과값은 동일하지만 코드 내부적으로는 result 변수에 해당 값을 받아옵니다.
추가로, confirm() 함수 인자 값을 줄 때는, " " , ' '
두 가지를 혼용해서 사용 가능 합니다. 예로 "감사합니다" , '감사합니다' 둘 다 정상 출력 됩니다.
이상으로 자바스크립트의 confirm() 함수 예제를 실행해 보았습니다.
감사합니다.
반응형
'앱 만들기 > JavaScript study' 카테고리의 다른 글
| 자바스크립트 로그 함수 (2) | 2023.01.01 |
|---|---|
| 자바스크립트 출력함수 document.write() (2) | 2022.12.31 |
| 자바스크립트 입력 팝업창 만들기 (6) | 2022.12.30 |
| 자바스크립트 팝업창 함수 (2) | 2022.12.28 |
| HTML에 자바스크립트 연결 하기 (8) | 2022.12.25 |
댓글