https://www.ville-lamorlaye.fr/wp-content/themes/noyau/assets/js/Frontend/usefulPage.js?ver=1.0

1let usefulPageForm = document.querySelector('form[name="usefulPage"]')
2
3if (usefulPageForm) {
4    let choices = document.querySelectorAll('.usefulPage .usefulChoices')
5    let usefulPageAnswers = usefulPageForm.querySelectorAll('input[name="usefulAnswer"]')
6    let answerMessage = usefulPageForm.querySelector('textarea[name="answerMessage"]')
7    let messageField = usefulPageForm.querySelector('.messageField')
8    let postID = usefulPageForm.getAttribute('data-id')
9    let surelynot = usefulPageForm.querySelector('input.surelynot')
10
11    usefulPageAnswers.forEach(function (usefulPageAnswer) {
12        usefulPageAnswer.onchange = function (e) {
13            e.preventDefault()
14            choices.forEach(function (choiceContainer) {
15                choiceContainer.classList.add('done')
16                choiceContainer.setAttribute('data-answer', usefulPageAnswer.value)
17            })
18            // Control surely
19            if (surelynot.value === '') {
20                if (usefulPageAnswer.value === 'true') {
21                    jQuery.ajax({
22                        url: ajaxurl,
23                        type: 'GET',
24                        data: {
25                            action: 'usefulPageAjaxQuery',
26                            postID: postID,
27                            pageAnswer: usefulPageAnswer.value,
28                            answerMessage: answerMessage.value
29                        },
30                        success: function (data) {
31                            let $data = jQuery.parseJSON(data)
32                            if ($data.pageAnswer === 'true') {
33                                document.querySelector('.answered').classList.remove('hide')
34                                usefulPageForm.remove()
35                            }
36                        },
37                        error: function (data) {
38                            console.log(data)
39                        }
40                    });
41                } else {
42                    let submitBTN = usefulPageForm.querySelector('input[type=submit]')
43                    messageField.classList.toggle('hide')
44                    submitBTN.addEventListener('click', function (e) {
45                        if (messageField.querySelector('textarea').value !== '') {
46                            e.preventDefault()
47                            jQuery.ajax({
48                                url: ajaxurl,
49                                type: 'GET',
50                                data: {
51                                    action: 'usefulPageAjaxQuery',
52                                    postID: postID,
53                                    pageAnswer: usefulPageAnswer.value,
54                                    answerMessage: answerMessage.value
55                                },
56                                success: function (data) {
57                                    let $data = jQuery.parseJSON(data)
58                                    if ($data.pageAnswer === 'false') {
59                                        document.querySelector('.answered').classList.remove('hide')
60                                        usefulPageForm.remove()
61                                    }
62                                },
63                                error: function (data) {
64                                    console.log(data)
65                                }
66                            });
67                            return false
68                        }
69                    })
70                }
71            }
72            return false
73        }
74    })
75}