경고 예 아니요 JavaScript의 확인 기능 사용

Ammar Ali 2023년10월12일
경고 예 아니요 JavaScript의 확인 기능 사용

이 튜토리얼에서는 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

위의 코드에서는 버튼을 사용하여 대화 상자를 표시하지만 링크나 양식을 사용하여 요구 사항에 따라 표시할 수도 있습니다.

작가: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook