{"id":119,"date":"2021-12-28T08:13:22","date_gmt":"2021-12-28T08:13:22","guid":{"rendered":"https:\/\/100extremeworkouts.com\/fitness\/?page_id=119"},"modified":"2025-06-08T10:48:03","modified_gmt":"2025-06-08T10:48:03","slug":"food-calculator-2","status":"publish","type":"page","link":"https:\/\/100extremeworkouts.com\/fitness\/index.php\/food-calculator-2\/","title":{"rendered":"FOOD CALCULATOR"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#e2e2e2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-1\" style=\"text-transform:none;\"><p style=\"text-align: center;\">    <div class=\"nutrition-container\">\r\n      <form method=\"post\" class=\"nutrition-form\">\r\n        <label for=\"nutrition_select\">Product:<\/label>\r\n        <select id=\"nutrition_select\" name=\"nutrition_product\" required>\r\n          <option value=\"\">-- Select Product or Search --<\/option>\r\n          <option value=\"__search\" >Search product...<\/option>\r\n                      <option value=\"Fried Beef\" >Fried Beef<\/option>\r\n                      <option value=\"Stewed Beef\" >Stewed Beef<\/option>\r\n                      <option value=\"BBQ Beef\" >BBQ Beef<\/option>\r\n                      <option value=\"Chicken Leg\" >Chicken Leg<\/option>\r\n                      <option value=\"Chicken Breast Fillet\" >Chicken Breast Fillet<\/option>\r\n                  <\/select>\r\n\r\n        <input type=\"text\" id=\"nutrition_search\" placeholder=\"Type to search...\" autocomplete=\"off\" style=\"display:none;\">\r\n        <div class=\"suggestions\" id=\"suggestions\"><\/div>\r\n\r\n        <label for=\"nutrition_weight\">Weight (g):<\/label>\r\n        <input type=\"number\" name=\"nutrition_weight\" id=\"nutrition_weight\" value=\"100\" step=\"any\" required>\r\n\r\n        <button type=\"submit\">Get Result<\/button>\r\n      <\/form>\r\n\r\n          <\/div>\r\n    <script>\r\n    (function(){\r\n        var products   = [\"Fried Beef\",\"Stewed Beef\",\"BBQ Beef\",\"Chicken Leg\",\"Chicken Breast Fillet\"];\r\n        var select     = document.getElementById('nutrition_select');\r\n        var search     = document.getElementById('nutrition_search');\r\n        var suggestions= document.getElementById('suggestions');\r\n\r\n        function showSuggestions(list) {\r\n            suggestions.innerHTML = '';\r\n            list.forEach(function(p){\r\n                var item = document.createElement('div');\r\n                item.textContent = p;\r\n                item.className = 'suggestion-item';\r\n                item.addEventListener('click', function(){\r\n                    select.value = p;\r\n                    search.value = p;\r\n                    select.style.display = 'block';\r\n                    search.style.display = 'none';\r\n                    suggestions.innerHTML = '';\r\n                });\r\n                suggestions.appendChild(item);\r\n            });\r\n        }\r\n\r\n        select.addEventListener('change', function(){\r\n            if (this.value === '__search') {\r\n                select.style.display = 'none';\r\n                search.value = '';\r\n                search.style.display = 'block';\r\n                showSuggestions(products);\r\n                search.focus();\r\n            }\r\n        });\r\n\r\n        search.addEventListener('input', function(){\r\n            var val = this.value.toLowerCase();\r\n            var filtered = products.filter(function(p){ return p.toLowerCase().includes(val); });\r\n            showSuggestions(filtered);\r\n        });\r\n\r\n        document.addEventListener('click', function(e){\r\n            if (!search.contains(e.target) && e.target !== select) {\r\n                suggestions.innerHTML = '';\r\n            }\r\n        });\r\n    })();\r\n    <\/script>\r\n    <\/p>\n<\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-0{width:100% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-0 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-1{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/100extremeworkouts.com\/fitness\/index.php\/wp-json\/wp\/v2\/pages\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/100extremeworkouts.com\/fitness\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/100extremeworkouts.com\/fitness\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/100extremeworkouts.com\/fitness\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/100extremeworkouts.com\/fitness\/index.php\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":4,"href":"https:\/\/100extremeworkouts.com\/fitness\/index.php\/wp-json\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/100extremeworkouts.com\/fitness\/index.php\/wp-json\/wp\/v2\/pages\/119\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/100extremeworkouts.com\/fitness\/index.php\/wp-json\/wp\/v2\/media?parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}