사용자 브라우저 액션 반응 형 JavaScript code : 설문조사 완료 후 버튼 활성

function openSurvey() {
    // ... (생략) ...
    if (now >= targetDate) {
        window.open('www.naver.com', '_blank');
        setTimeout(checkSurveyCompletion, 10000);
    }
    // ... (생략) ...
}

임시로 해당 url 창이 띄워지고 10초 뒤에 checkSurveyCompletion 해당 함수가 실행 되게 함으로서 

사용자가 설문조사 작업에 집중할 수 있도록 했다 

위의 코드를 좀 더 효율 적인 방식으로 바꾸고자 했다 

function openSurvey() {
  window.open('www.naver.com', '_blank');
  document.addEventListener('focus', checkSurveyCompletion, { once: true });
}

 

• 이 방법은 사용자가 설문조사 창에서 메인 창으로 돌아올 때 즉시 확인합니다.
• 설문조사 페이지와 통신: 설문조사 페이지에서 완료 시 메인 페이지로 메시지를 보내도록 구현하면, 실제 완료 즉시 확인할 수 있습니다. 이는 설문조사 페이지의 수정 권한이 있을 때 가능합니다.

이 방법은 사용자가 다시 메인창으로 넘어오면 팝업 창을 통해 작업이 완료 되었는지 확인한다 

해당 코드도 당연히 사용자가 설문조사를 미 실행하고 브라우저 창만 이동하면 해당 메세지가 뜬다는 단점이 있지만 

설문지 조사가 필수가 아니라면 해당 코드도 좋은 선택지가 될 것이다.