{"id":15,"date":"2024-04-21T18:28:04","date_gmt":"2024-04-21T18:28:04","guid":{"rendered":"https:\/\/demo.adminhq.cf\/blog\/?page_id=15"},"modified":"2024-04-21T18:47:00","modified_gmt":"2024-04-21T18:47:00","slug":"demo-local-delivery-zip-code","status":"publish","type":"page","link":"https:\/\/demo.adminhq.cf\/blog\/demo-local-delivery-zip-code\/","title":{"rendered":""},"content":{"rendered":"\n<div id=\"formDisplay\">\n    <form name=\"myForm\">\n      <div>\n        <div>\n          <h2 style=\"color: #18a6d6;\">Local Delivery Zip Code<\/h2>\n          <label style=\"color: #111111;\">\n            <b>Please enter your zip code to check if we deliver in your area.<br>\n               Alternatively, you can follow this <a href=\"https:\/\/demo.adminhq.cf\/blog\/zipcodes-list\/\">link<\/a> for the complete list. <\/b>\n          <\/label>\n          <br \/>\n          <br \/>\n          <input type=\"text\" id=\"get_zip_code_id\" placeholder=\"Zip code\" autocomplete=\"off\" inputmode=\"numeric\" oninput=\"this.value = this.value.replace(\/\\D+\/g, '')\" required \/>\n          <br \/>\n          <br \/>\n          <button type=\"button\" onclick=\"renderZipCode(); showErrors()\">Check<\/button>\n          <input type=\"button\" value=\"Clear\" onclick=\"clearForm()\">\n        <\/div>\n      <\/div>\n    <\/form>\n    <p id=\"errors\" style=\"display: none;\"><\/p>\n  <\/div>\n\n\n\n  <script>\n    \/* ======================================================================\n            www.erickouassi.com\n          ====================================================================== *\/\n    \/\/ \n    async function getZipCodes() {\n      let url = 'https:\/\/opensheet.elk.sh\/1frAS0LwbW82BqidVpndjq4HaGqUQ-neWmRFBZWGLSas\/Sheet1';\n      try {\n        let res = await fetch(url);\n        return await res.json();\n      } catch (error) {\n        console.log(error);\n      }\n    }\n  \nasync function renderZipCode() {\n  let zip_codes_data = await getZipCodes();\n  const zip_code_value = document.getElementById('get_zip_code_id').value.trim();\n\n  \/\/ Check for empty zip code\n  if (!zip_code_value) {\n    showErrors(`<span style='color:red'>Please enter a zip code.<\/span>`);\n    return;\n  }\n\n  \/\/ Check zip code length\n  if (zip_code_value.length !== 5) {\n    showErrors(`<span style='color:red'>Zip code must be 5 digits long.<\/span>`);\n    return;\n  }\n\n  \/\/ Loop through zip codes and validate\n  for (var i = 0; i < zip_codes_data.length; i++) {\n    if (zip_code_value === zip_codes_data[i].zip_code) {\n      \/\/ Valid zip code, handle success\n      \/\/console.log(zip_codes_data.find(({ zip_code_value }) => zip_code_value === zip_codes_data[i].zip_code));\n      \/\/saving the values in local storage\n  localStorage.setItem(\"txtValueId\", zip_code_value);\n      window.location.href = \"https:\/\/demo.adminhq.cf\/blog\/zipcode-result\";\n      return;\n    }\n  }\n\n  \/\/ Zip code not found\n  showErrors(`<span style='color:red'>The zip code you entered was not found. \ud83d\ude1e\n              <br>\n  Sorry, we don't deliver in this zip code. \ud83d\udeab <\/span>`);\n}\n\n\n\/\/renderZipCode();\n\n\/\/ \/\/ Display error message\nfunction showErrors(message) {\n  const errorElement = document.getElementById('errors');\n  errorElement.innerHTML = message;\n  errorElement.style.display = \"block\";\n}\n \/\/ Clear form\n function clearForm() {\n      document.forms[\"myForm\"].reset();\n    }\n\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Local Delivery Zip Code Please enter your zip code to check if we deliver in your area. Alternatively, you can follow this link for the complete list. Check<\/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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.adminhq.cf\/blog\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.adminhq.cf\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.adminhq.cf\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.adminhq.cf\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.adminhq.cf\/blog\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":4,"href":"https:\/\/demo.adminhq.cf\/blog\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/demo.adminhq.cf\/blog\/wp-json\/wp\/v2\/pages\/15\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/demo.adminhq.cf\/blog\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}