Feedbackformulier<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 20px;\n background-color: #f9f9f9;\n }\n .feedback-container {\n max-width: 500px;\n margin: auto;\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n }\n textarea, input {\n width: 100%;\n padding: 10px;\n margin: 10px 0;\n border: 1px solid #ccc;\n border-radius: 5px;\n }\n button {\n background-color: #28a745;\n color: white;\n padding: 10px;\n border: none;\n width: 100%;\n cursor: pointer;\n border-radius: 5px;\n }\n button:hover {\n background-color: #218838;\n }\n .message {\n margin-top: 10px;\n font-size: 14px;\n color: green;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"feedback-container\">\n <h2>Geef je feedback<\/h2>\n <p>Laat ons weten wat je mist in de vragenlijst of rapportage.<\/p>\n \n <form id=\"feedbackForm\">\n <input type=\"text\" id=\"name\" placeholder=\"Je naam (optioneel)\">\n <textarea id=\"feedback\" placeholder=\"Jouw feedback...\" rows=\"4\"><\/textarea>\n <button type=\"submit\">Versturen<\/button>\n <p id=\"message\" class=\"message\"><\/p>\n <\/form>\n<\/div>\n\n<script>\n document.getElementById(\"feedbackForm\").addEventListener(\"submit\", function(event) {\n event.preventDefault();\n \n let name = document.getElementById(\"name\").value;\n let feedback = document.getElementById(\"feedback\").value;\n let message = document.getElementById(\"message\");\n\n if (feedback.trim() === \"\") {\n message.style.color = \"red\";\n message.textContent = \"Opmerking mag niet leeg zijn.\";\n return;\n }\n\n \/\/ Simulatie van verzenden (hier kan een fetch-aanroep naar de backend komen)\n setTimeout(() => {\n message.style.color = \"green\";\n message.textContent = \"Bedankt voor je feedback!\";\n document.getElementById(\"feedbackForm\").reset();\n }, 1000);\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Feedbackformulier Geef je feedback Laat ons weten wat je mist in de vragenlijst of rapportage. Versturen<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":2,"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":24,"date":"2025-01-29T22:40:27","date_gmt":"2025-01-29T22:40:27","guid":{"rendered":"https:\/\/ipmcheck.nl\/?page_id=24"},"modified":"2025-01-29T22:43:24","modified_gmt":"2025-01-29T22:43:24","slug":"laat-hier-je-aanbevelingen-achter","status":"publish","type":"page","link":"https:\/\/ipmcheck.nl\/?page_id=24","title":{"rendered":"Laat hier je aanbevelingen achter"},"content":{"rendered":"\n\n\n\n \n \n Feedbackformulier<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 20px;\n background-color: #f9f9f9;\n }\n .feedback-container {\n max-width: 500px;\n margin: auto;\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n }\n textarea, input {\n width: 100%;\n padding: 10px;\n margin: 10px 0;\n border: 1px solid #ccc;\n border-radius: 5px;\n }\n button {\n background-color: #28a745;\n color: white;\n padding: 10px;\n border: none;\n width: 100%;\n cursor: pointer;\n border-radius: 5px;\n }\n button:hover {\n background-color: #218838;\n }\n .message {\n margin-top: 10px;\n font-size: 14px;\n color: green;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"feedback-container\">\n <h2>Geef je feedback<\/h2>\n <p>Laat ons weten wat je mist in de vragenlijst of rapportage.<\/p>\n \n <form id=\"feedbackForm\">\n <input type=\"text\" id=\"name\" placeholder=\"Je naam (optioneel)\">\n <textarea id=\"feedback\" placeholder=\"Jouw feedback...\" rows=\"4\"><\/textarea>\n <button type=\"submit\">Versturen<\/button>\n <p id=\"message\" class=\"message\"><\/p>\n <\/form>\n<\/div>\n\n<script>\n document.getElementById(\"feedbackForm\").addEventListener(\"submit\", function(event) {\n event.preventDefault();\n \n let name = document.getElementById(\"name\").value;\n let feedback = document.getElementById(\"feedback\").value;\n let message = document.getElementById(\"message\");\n\n if (feedback.trim() === \"\") {\n message.style.color = \"red\";\n message.textContent = \"Opmerking mag niet leeg zijn.\";\n return;\n }\n\n \/\/ Simulatie van verzenden (hier kan een fetch-aanroep naar de backend komen)\n setTimeout(() => {\n message.style.color = \"green\";\n message.textContent = \"Bedankt voor je feedback!\";\n document.getElementById(\"feedbackForm\").reset();\n }, 1000);\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Feedbackformulier Geef je feedback Laat ons weten wat je mist in de vragenlijst of rapportage. Versturen<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":2,"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/ipmcheck.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}