Danh s\u00e1ch c\u00f4ng vi\u1ec7c<\/title>\n <style>\n body { font-family: Arial, sans-serif; margin: 20px; }\n .job-listing { margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }\n .job-listing h2 { color: #007bff; }\n .job-listing p, .job-description { margin: 5px 0; }\n .job-detail strong { font-weight: bold; }\n .detail-button { \n background-color: #007bff; \n color: white; \n padding: 5px 10px; \n text-align: center; \n display: inline-block; \n margin-top: 10px; \n cursor: pointer; \n }\n .job-description.collapsed {\n overflow: hidden;\n position: relative;\n max-height: 20px; \/* Adjust this value based on your line-height *\/\n transition: max-height 0.5s ease;\n }\n .job-description.expanded {\n max-height: none;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Danh s\u00e1ch c\u00f4ng vi\u1ec7c<\/h1>\n <div id=\"job-list\"><\/div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n fetch('https:\/\/script.google.com\/macros\/s\/AKfycbxgP0Mf4OWiP8HbcELAflChLHGpVeqSSOlMSy1tyBbLTjR6jedw8zbC3ceE-dfJF-9U\/exec')\n .then(response => response.json())\n .then(jobs => {\n const container = document.getElementById('job-list');\n jobs.forEach((job, index) => {\n const jobElement = document.createElement('div');\n jobElement.classList.add('job-listing');\n jobElement.innerHTML = `\n <h2>${job.title}<\/h2>\n <p><strong>\u0110\u1ecba \u0111i\u1ec3m:<\/strong> ${job.location}<\/p>\n <p><strong>M\u1ee9c l\u01b0\u01a1ng:<\/strong> ${job.salary}<\/p>\n <p><strong>Ph\u00fac l\u1ee3i:<\/strong> ${job.benefits}<\/p>\n <p><strong>S\u1ed1 l\u01b0\u1ee3ng c\u1ea7n tuy\u1ec3n:<\/strong> ${job.vacancies}<\/p>\n <p><strong>Y\u00eau c\u1ea7u:<\/strong> ${job.requirements}<\/p>\n <div class=\"job-description collapsed\" id=\"description-${index}\"><strong>M\u00f4 t\u1ea3 c\u00f4ng vi\u1ec7c:<\/strong> ${job.description}<\/div>\n <div class=\"detail-button\" onclick=\"toggleDescription(${index})\">Xem chi ti\u1ebft<\/div>\n `;\n container.appendChild(jobElement);\n });\n })\n .catch(error => console.error('Error:', error));\n });\n\n function toggleDescription(index) {\n const description = document.getElementById(`description-${index}`);\n if (description.classList.contains('collapsed')) {\n description.classList.remove('collapsed');\n description.classList.add('expanded');\n description.nextElementSibling.textContent = \"Thu g\u1ecdn\";\n } else {\n description.classList.remove('expanded');\n description.classList.add('collapsed');\n description.nextElementSibling.textContent = \"Xem chi ti\u1ebft\";\n }\n }\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Danh s\u00e1ch c\u00f4ng vi\u1ec7c Danh s\u00e1ch c\u00f4ng vi\u1ec7c<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-876","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/comments?post=876"}],"version-history":[{"count":122,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/876\/revisions"}],"predecessor-version":[{"id":3270,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/876\/revisions\/3270"}],"wp:attachment":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/media?parent=876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":876,"date":"2024-01-23T03:51:54","date_gmt":"2024-01-23T03:51:54","guid":{"rendered":"https:\/\/luyenthitokutei.com\/?page_id=876"},"modified":"2024-03-18T04:05:29","modified_gmt":"2024-03-18T04:05:29","slug":"thu-nghiem-2","status":"publish","type":"page","link":"https:\/\/luyenthitokutei.com\/ja\/thu-nghiem-2\/","title":{"rendered":"Th\u1eed nghi\u1ec7m 2"},"content":{"rendered":"\n\n \n \n Danh s\u00e1ch c\u00f4ng vi\u1ec7c<\/title>\n <style>\n body { font-family: Arial, sans-serif; margin: 20px; }\n .job-listing { margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }\n .job-listing h2 { color: #007bff; }\n .job-listing p, .job-description { margin: 5px 0; }\n .job-detail strong { font-weight: bold; }\n .detail-button { \n background-color: #007bff; \n color: white; \n padding: 5px 10px; \n text-align: center; \n display: inline-block; \n margin-top: 10px; \n cursor: pointer; \n }\n .job-description.collapsed {\n overflow: hidden;\n position: relative;\n max-height: 20px; \/* Adjust this value based on your line-height *\/\n transition: max-height 0.5s ease;\n }\n .job-description.expanded {\n max-height: none;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Danh s\u00e1ch c\u00f4ng vi\u1ec7c<\/h1>\n <div id=\"job-list\"><\/div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n fetch('https:\/\/script.google.com\/macros\/s\/AKfycbxgP0Mf4OWiP8HbcELAflChLHGpVeqSSOlMSy1tyBbLTjR6jedw8zbC3ceE-dfJF-9U\/exec')\n .then(response => response.json())\n .then(jobs => {\n const container = document.getElementById('job-list');\n jobs.forEach((job, index) => {\n const jobElement = document.createElement('div');\n jobElement.classList.add('job-listing');\n jobElement.innerHTML = `\n <h2>${job.title}<\/h2>\n <p><strong>\u0110\u1ecba \u0111i\u1ec3m:<\/strong> ${job.location}<\/p>\n <p><strong>M\u1ee9c l\u01b0\u01a1ng:<\/strong> ${job.salary}<\/p>\n <p><strong>Ph\u00fac l\u1ee3i:<\/strong> ${job.benefits}<\/p>\n <p><strong>S\u1ed1 l\u01b0\u1ee3ng c\u1ea7n tuy\u1ec3n:<\/strong> ${job.vacancies}<\/p>\n <p><strong>Y\u00eau c\u1ea7u:<\/strong> ${job.requirements}<\/p>\n <div class=\"job-description collapsed\" id=\"description-${index}\"><strong>M\u00f4 t\u1ea3 c\u00f4ng vi\u1ec7c:<\/strong> ${job.description}<\/div>\n <div class=\"detail-button\" onclick=\"toggleDescription(${index})\">Xem chi ti\u1ebft<\/div>\n `;\n container.appendChild(jobElement);\n });\n })\n .catch(error => console.error('Error:', error));\n });\n\n function toggleDescription(index) {\n const description = document.getElementById(`description-${index}`);\n if (description.classList.contains('collapsed')) {\n description.classList.remove('collapsed');\n description.classList.add('expanded');\n description.nextElementSibling.textContent = \"Thu g\u1ecdn\";\n } else {\n description.classList.remove('expanded');\n description.classList.add('collapsed');\n description.nextElementSibling.textContent = \"Xem chi ti\u1ebft\";\n }\n }\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Danh s\u00e1ch c\u00f4ng vi\u1ec7c Danh s\u00e1ch c\u00f4ng vi\u1ec7c<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-876","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/comments?post=876"}],"version-history":[{"count":122,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/876\/revisions"}],"predecessor-version":[{"id":3270,"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/pages\/876\/revisions\/3270"}],"wp:attachment":[{"href":"https:\/\/luyenthitokutei.com\/ja\/wp-json\/wp\/v2\/media?parent=876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}