{"id":3016,"date":"2026-04-10T19:58:57","date_gmt":"2026-04-10T17:58:57","guid":{"rendered":"https:\/\/nature-o.net\/?page_id=3016"},"modified":"2026-04-10T19:59:27","modified_gmt":"2026-04-10T17:59:27","slug":"resource-consumption-calculator","status":"publish","type":"page","link":"https:\/\/nature-o.net\/?page_id=3016","title":{"rendered":"Resource Consumption Calculator"},"content":{"rendered":"\n<div class=\"eco-tool wp-block-group\" id=\"eco-tool-resource-use-b64n2\">\n  <div class=\"eco-tool__header\">\n    <h2 class=\"eco-tool__title\">Resource Consumption Calculator<\/h2>\n    <p class=\"eco-tool__lead\">\n      Estimate your household resource use based on energy, water, transport, and shopping habits.\n    <\/p>\n  <\/div>\n\n  <form class=\"eco-tool__form\" id=\"eco-resource-form-b64n2\" novalidate>\n    <div class=\"eco-tool__grid3\">\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"people-b64n2\">People in<br>household<\/label>\n        <input class=\"eco-tool__input\" id=\"people-b64n2\" type=\"number\" min=\"1\" step=\"1\" value=\"2\" inputmode=\"numeric\" \/>\n        <div class=\"eco-tool__hint\">Total number of household members.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"energy-b64n2\">Electricity use<br>(kWh\/month)<\/label>\n        <input class=\"eco-tool__input\" id=\"energy-b64n2\" type=\"number\" min=\"0\" step=\"10\" value=\"300\" inputmode=\"numeric\" \/>\n        <div class=\"eco-tool__hint\">Approximate monthly electricity use.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"water-b64n2\">Water use<br>(L\/day)<\/label>\n        <input class=\"eco-tool__input\" id=\"water-b64n2\" type=\"number\" min=\"0\" step=\"10\" value=\"250\" inputmode=\"numeric\" \/>\n        <div class=\"eco-tool__hint\">Total household daily water use.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"transport-b64n2\">Car travel (km\/week)<\/label>\n        <input class=\"eco-tool__input\" id=\"transport-b64n2\" type=\"number\" min=\"0\" step=\"1\" value=\"100\" inputmode=\"numeric\" \/>\n        <div class=\"eco-tool__hint\">Weekly distance traveled by car.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"shopping-b64n2\">Shopping level<\/label>\n        <select class=\"eco-tool__input\" id=\"shopping-b64n2\">\n          <option value=\"low\">Low<\/option>\n          <option value=\"medium\" selected>Average<\/option>\n          <option value=\"high\">High<\/option>\n        <\/select>\n        <div class=\"eco-tool__hint\">How much you buy beyond essentials.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"waste-b64n2\">Waste level<\/label>\n        <select class=\"eco-tool__input\" id=\"waste-b64n2\">\n          <option value=\"low\">Low<\/option>\n          <option value=\"medium\" selected>Average<\/option>\n          <option value=\"high\">High<\/option>\n        <\/select>\n        <div class=\"eco-tool__hint\">General household waste generation.<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"eco-tool__actions\">\n      <button type=\"button\" class=\"wp-element-button eco-tool__btn\" id=\"calc-b64n2\">Calculate<\/button>\n      <button type=\"button\" class=\"wp-element-button eco-tool__btn eco-tool__btn--ghost\" id=\"reset-b64n2\">Reset<\/button>\n      <div class=\"eco-tool__error\" id=\"error-b64n2\" aria-live=\"polite\"><\/div>\n    <\/div>\n  <\/form>\n\n  <div class=\"eco-tool__result\" id=\"result-b64n2\" hidden>\n    <h3 class=\"eco-tool__subtitle\">Result<\/h3>\n\n    <div class=\"eco-tool__cards\">\n      <div class=\"eco-tool__card\">\n        <div class=\"eco-tool__metric-label\">Resource use score<\/div>\n        <div class=\"eco-tool__metric-value\" id=\"score-b64n2\">\u2014<\/div>\n        <div class=\"eco-tool__metric-sub\">out of 100<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__card\">\n        <div class=\"eco-tool__metric-label\">Per person estimate<\/div>\n        <div class=\"eco-tool__metric-value\" id=\"person-b64n2\">\u2014<\/div>\n        <div class=\"eco-tool__metric-sub\" id=\"tip-b64n2\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.eco-tool{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:16px;}\n.eco-tool__header{margin-bottom:12px;}\n.eco-tool__title{margin:0 0 8px;}\n.eco-tool__lead{margin:0;opacity:.9;}\n.eco-tool__form{margin-top:12px;}\n.eco-tool__grid3{display:grid;grid-template-columns:1fr;gap:16px;}\n@media (min-width:860px){.eco-tool__grid3{grid-template-columns:1fr 1fr 1fr;}}\n.eco-tool__field{display:flex;flex-direction:column;gap:6px;}\n.eco-tool__label{font-weight:600;}\n.eco-tool__input{width:100%;height:44px;padding:0 12px;border:1px solid rgba(0,0,0,.20);border-radius:10px;background:#fff;box-sizing:border-box;font:inherit;}\n.eco-tool select.eco-tool__input{\nappearance:none;-webkit-appearance:none;line-height:44px;padding-right:40px;\nbackground-image:\nlinear-gradient(45deg, transparent 50%, rgba(0,0,0,.60) 50%),\nlinear-gradient(135deg, rgba(0,0,0,.60) 50%, transparent 50%);\nbackground-position:calc(100% - 18px) 50%, calc(100% - 12px) 50%;\nbackground-size:6px 6px;background-repeat:no-repeat;\n}\n.eco-tool__hint{font-size:.92em;opacity:.78;min-height:38px;}\n.eco-tool__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;}\n.eco-tool__btn{padding:10px 22px;}\n.eco-tool__btn--ghost{background:transparent !important;border:1px solid rgba(0,0,0,.20) !important;}\n.eco-tool__btn--ghost:hover,.eco-tool__btn--ghost:focus{background:rgba(0,0,0,.06) !important;border-color:rgba(0,0,0,.35) !important;}\n.eco-tool__error{min-height:1.2em;font-weight:600;flex:1 1 240px;}\n.eco-tool__result{margin-top:16px;}\n.eco-tool__subtitle{margin:0 0 10px;}\n.eco-tool__cards{display:grid;gap:10px;grid-template-columns:1fr;}\n@media (min-width:860px){.eco-tool__cards{grid-template-columns:1fr 1fr;}}\n.eco-tool__card{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:12px;}\n.eco-tool__metric-label{opacity:.85;font-weight:600;}\n.eco-tool__metric-value{font-size:1.6em;font-weight:800;margin-top:6px;line-height:1.1;}\n.eco-tool__metric-sub{opacity:.85;margin-top:6px;}\n<\/style>\n\n<script>\n(function(){\n  const S=\"b64n2\";\n  const el=id=>document.getElementById(id+\"-\"+S);\n\n  function calculate(){\n    const people=Number(el(\"people\").value);\n    const energy=Number(el(\"energy\").value);\n    const water=Number(el(\"water\").value);\n    const transport=Number(el(\"transport\").value);\n    const shopping=el(\"shopping\").value;\n    const waste=el(\"waste\").value;\n\n    if(!Number.isFinite(people)||people<1||!Number.isFinite(energy)||energy<0||!Number.isFinite(water)||water<0||!Number.isFinite(transport)||transport<0){\n      el(\"error\").textContent=\"Please enter valid values.\";\n      el(\"result\").hidden=true;\n      return;\n    }\n\n    el(\"error\").textContent=\"\";\n\n    let score=0;\n\n    score += Math.min(25, energy \/ 20);\n    score += Math.min(20, water \/ 20);\n    score += Math.min(25, transport \/ 8);\n\n    if(shopping===\"low\") score += 5;\n    if(shopping===\"medium\") score += 12;\n    if(shopping===\"high\") score += 20;\n\n    if(waste===\"low\") score += 5;\n    if(waste===\"medium\") score += 10;\n    if(waste===\"high\") score += 15;\n\n    score=Math.min(100,Math.round(score));\n    const perPerson=Math.round(score \/ people);\n\n    let tip=\"\";\n    if(score<35) tip=\"Relatively low household resource use.\";\n    else if(score<65) tip=\"Moderate resource use with room to improve.\";\n    else tip=\"High resource use \u2014 efficiency and reduced consumption could help most.\";\n\n    el(\"score\").textContent=score;\n    el(\"person\").textContent=perPerson+\" points\/person\";\n    el(\"tip\").textContent=tip;\n    el(\"result\").hidden=false;\n  }\n\n  function reset(){\n    el(\"people\").value=\"2\";\n    el(\"energy\").value=\"300\";\n    el(\"water\").value=\"250\";\n    el(\"transport\").value=\"100\";\n    el(\"shopping\").value=\"medium\";\n    el(\"waste\").value=\"medium\";\n    el(\"error\").textContent=\"\";\n    el(\"result\").hidden=true;\n  }\n\n  el(\"calc\").addEventListener(\"click\", calculate);\n  el(\"reset\").addEventListener(\"click\", reset);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Resource Consumption Calculator Estimate your household resource use based on energy, water, transport, and shopping habits. People inhousehold Total number of household members. Electricity use(kWh\/month) Approximate monthly electricity use. Water&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":2452,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages\/3016"}],"collection":[{"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nature-o.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3016"}],"version-history":[{"count":2,"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages\/3016\/revisions"}],"predecessor-version":[{"id":3018,"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages\/3016\/revisions\/3018"}],"up":[{"embeddable":true,"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages\/2452"}],"wp:attachment":[{"href":"https:\/\/nature-o.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}