경고 예 아니요 JavaScript의 확인 기능 사용
Ammar Ali
2023년10월12일
이 튜토리얼에서는 JavaScript의 confirm() 함수를 사용하여 대화 상자를 만드는 방법에 대해 설명합니다.
JavaScript의 confirm() 함수를 사용하여 대화 상자 만들기
대화 상자를 생성하기 위해 JavaScript에서 confirm() 함수를 사용할 수 있습니다. 이 기능은 사용자에게 자신의 의견을 묻고 사용자의 선택에 따라 true 또는 false를 반환합니다. 반환된 값을 사용하여 원하는 기능을 수행할 수 있습니다.
예를 들어 confirm() 함수를 사용하여 일부 텍스트가 포함된 대화 상자를 생성해 보겠습니다. 아래 코드를 참조하십시오.
var dialog = confirm('Save data?');
if (dialog) {
console.log('Data Saved')
} else {
console.log('Data Not Saved')
}
출력:
Data Saved
위의 코드를 실행하면 데이터를 저장할 것인지 묻는 대화 상자가 나타납니다. ok를 누르면 위의 출력이 콘솔에 나타납니다.
console.log() 함수는 콘솔에 텍스트를 인쇄하는 데 사용됩니다. confirm() 함수가 문제를 일으키는 경우 window.confirm() 함수를 사용하여 문제를 방지할 수도 있습니다.
이제 페이지를 새로고침하거나 열 때 위의 대화상자가 나타납니다. 그래도 버튼이나 링크로 첨부할 수도 있습니다. 이렇게 하면 버튼이나 링크를 누르면 이 대화 상자가 나타납니다. 그렇지 않으면 그렇지 않습니다.
예를 들어 버튼을 사용하여 사용자에게 데이터 저장 확인을 요청한다고 가정해 보겠습니다. 아래 코드를 참조하십시오.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<button type="button" onclick="if(confirm('Save Data?')){ console.log('Data Saved')};">SomeButton</button>
</body>
</html>
출력:
Data Saved
위의 코드에서는 버튼을 사용하여 대화 상자를 표시하지만 링크나 양식을 사용하여 요구 사항에 따라 표시할 수도 있습니다.
