[javascript] confirm 확인창 띄우기

사용자가 웹사이트에서 어떤 동작을 했을 때 해당 동작이 맞는지 확인하는 알림창을 띄워서 다시 확인하는 것을 confirm 확인창이라고 합니다.

폼에 내용을 작성하고 내용 전송을 위해 제출 버튼을 눌렀을 때 작성한 내용이 맞는지 다시 확인할 때 알림창을 사용합니다.

confirm 확인창 표시는 confirm() 함수를 사용합니다.

함수 파라미터로 알림창에 표시할 메시지를 넣으면 메시지가 알림창에 표시됩니다.

confirm('메시지')

알림창은 모달창이기 때문에 웹 브라우저에서 사용자가 다른 액션을 할 수 없습니다. 반드시 알림창의 버튼을 눌러서 응답을 해야 합니다.

알림창에는 "확인", "취소" 두 개의 버튼이 있으며, "확인" 버튼을 누르면 confirm() 함수는 불리언 값 true를 반환하고, "취소" 버튼을 누르면 false를 반환합니다.

그래서 confirm() 함수를 호출할 때는 if문으로 confirm() 함수의 반환 값 체크를 해서 사용자가 어떤 버튼을 눌렀는지 확인한 후 그에 맞는 적절한 처리를 하게 됩니다.

document.getElementById('submit').addEventListener('click',function(){
    if(confirm('양식을 제출하시겠습니까?')){
        // "확인" 버튼을 눌렀을 때 처리 코드
        alert("제출성공!")
    }else{
        // "취소" 버튼을 눌렀을 때 처리 코드
    }
})