{"id":1687,"date":"2025-12-01T14:50:05","date_gmt":"2025-12-01T06:50:05","guid":{"rendered":"https:\/\/plastic-recycled.com\/?p=1687"},"modified":"2025-12-01T14:51:43","modified_gmt":"2025-12-01T06:51:43","slug":"flessen-recycling-calculator","status":"publish","type":"post","link":"https:\/\/plastic-recycled.com\/nl\/flessen-recycling-calculator\/","title":{"rendered":"Flessen Recycling Calculator"},"content":{"rendered":"<style>\n  \/* \u5c40\u90e8\u6837\u5f0f\uff1aApple \u98ce\u683c + \u4fee\u590d\u9ad8\u5ea6\u51b2\u7a81 *\/\n  .calc-container-wrapper {\n    max-width: 720px;\n    margin: 40px auto;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #1d1d1f;\n  }\n\n  \/* \u5361\u7247\u4e3b\u4f53 *\/\n  .calc-card {\n    background: #ffffff;\n    border-radius: 24px;\n    padding: 48px;\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    text-align: center;\n    transition: transform 0.3s ease;\n  }\n\n  .calc-header h2 {\n    font-size: 32px;\n    font-weight: 700;\n    margin-bottom: 12px;\n    letter-spacing: -0.02em;\n    color: #1d1d1f;\n    line-height: 1.2;\n  }\n\n  .calc-header p {\n    font-size: 17px;\n    color: #86868b;\n    margin-bottom: 35px;\n    line-height: 1.5;\n  }\n\n  \/* \u8868\u5355\u7f51\u683c *\/\n  .calc-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 25px;\n    text-align: left;\n  }\n\n  \/* \u8f93\u5165\u6846\u6807\u7b7e *\/\n  .calc-label {\n    display: block;\n    font-size: 13px;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: #424245;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  \/* \n   * \u6838\u5fc3\u4fee\u590d\u90e8\u5206 \n   * \u4f7f\u7528 !important \u8986\u76d6\u4e3b\u9898\u7684\u9ed8\u8ba4\u9ad8\u5ea6\u8bbe\u7f6e\n   *\/\n  .calc-select, .calc-input {\n    display: block;\n    width: 100%;\n    \/* \u5f3a\u5236\u91cd\u7f6e\u9ad8\u5ea6\uff0c\u9632\u6b62\u6587\u5b57\u88ab\u5207\u65ad *\/\n    height: auto !important; \n    min-height: 52px !important; \n    padding: 14px 16px !important;\n    \n    font-size: 16px !important;\n    line-height: 1.5 !important;\n    border: 1px solid #d2d2d7;\n    border-radius: 12px;\n    background-color: #fbfbfd;\n    color: #1d1d1f;\n    outline: none;\n    box-sizing: border-box;\n    appearance: none; \/* \u79fb\u9664\u9ed8\u8ba4\u6837\u5f0f *\/\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  \/* \u81ea\u5b9a\u4e49 Select \u7bad\u5934\u5bb9\u5668 *\/\n  .select-wrapper {\n    position: relative;\n    width: 100%;\n  }\n  \n  \/* \u81ea\u5b9a\u4e49\u7bad\u5934\u56fe\u6807 *\/\n  .select-wrapper::after {\n    content: \"\";\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 10px;\n    height: 10px;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-size: contain;\n    pointer-events: none;\n  }\n\n  .calc-select:focus, .calc-input:focus {\n    border-color: #49a594;\n    background-color: #fff;\n    box-shadow: 0 0 0 4px rgba(73, 165, 148, 0.15);\n  }\n\n  \/* \u8ba1\u7b97\u6309\u94ae *\/\n  .calc-btn {\n    width: 100%;\n    background-color: #49a594;\n    color: white;\n    font-size: 18px;\n    font-weight: 600;\n    padding: 16px;\n    border: none;\n    border-radius: 980px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 15px;\n    box-shadow: 0 4px 14px rgba(73, 165, 148, 0.3);\n    height: auto !important;\n  }\n\n  .calc-btn:hover {\n    background-color: #3b8c7d;\n    transform: scale(1.01);\n    box-shadow: 0 6px 20px rgba(73, 165, 148, 0.4);\n  }\n\n  \/* \u7ed3\u679c\u533a\u57df *\/\n  .calc-result-box {\n    margin-top: 30px;\n    padding-top: 30px;\n    border-top: 1px solid #eee;\n    display: none;\n    animation: fadeIn 0.5s ease;\n  }\n\n  .result-label {\n    font-size: 15px;\n    color: #86868b;\n    margin-bottom: 5px;\n    font-weight: 500;\n  }\n\n  .result-value {\n    font-size: 42px;\n    font-weight: 700;\n    color: #49a594;\n    letter-spacing: -0.03em;\n    line-height: 1.1;\n  }\n\n  .calc-error {\n    color: #ff3b30;\n    font-size: 15px;\n    margin-top: 15px;\n    display: none;\n    font-weight: 500;\n  }\n\n  .calc-disclaimer {\n    margin-top: 30px;\n    font-size: 13px;\n    color: #86868b;\n    background: #f5f5f7;\n    padding: 15px;\n    border-radius: 12px;\n    line-height: 1.5;\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (max-width: 600px) {\n    .calc-card { padding: 30px 20px; }\n    .calc-grid { grid-template-columns: 1fr; gap: 15px; }\n    .calc-header h2 { font-size: 26px; }\n  }\n<\/style>\n\n<div class=\"calc-container-wrapper\">\n  <div class=\"calc-card\">\n    <div class=\"calc-header\">\n      <h2>Bereken uw recyclingopbrengst<\/h2>\n      <p>Zet uw plastic en glasafval om in waarde. Selecteer het flesstype en voer het gewicht in om te zien hoeveel u kunt verdienen.<\/p>\n    <\/div>\n\n    <div class=\"calc-grid\">\n      <!-- Material Selector -->\n      <div>\n        <label class=\"calc-label\" for=\"bottle-type\">Materiaaltype<\/label>\n        <div class=\"select-wrapper\">\n          <select id=\"bottle-type\" class=\"calc-select\">\n            <option value=\"\" disabled selected>Kies materiaal\u2026<\/option>\n            <option value=\"0.27\">PET Plastic Flessen (#1)<\/option>\n            <option value=\"0.20\">HDPE Plastic Flessen (#2)<\/option>\n            <option value=\"0.30\">Glazen Flessen<\/option>\n            <option value=\"0.80\">Aluminium Blikken<\/option>\n            <option value=\"0.12\">Gemengde plastics<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <!-- Weight Input -->\n      <div>\n        <label class=\"calc-label\" for=\"bottle-weight\">Gewicht (kg)<\/label>\n        <input type=\"number\" id=\"bottle-weight\" class=\"calc-input\" placeholder=\"bijv. 50\" min=\"0\" step=\"0.1\">\n      <\/div>\n    <\/div>\n\n    <button id=\"calc-trigger-btn\" class=\"calc-btn\">Bereken Waarde<\/button>\n    <div id=\"calc-error-msg\" class=\"calc-error\">\u26a0\ufe0f Selecteer een materiaal en voer een geldig gewicht in.<\/div>\n\n    <!-- Result Display -->\n    <div id=\"calc-result-area\" class=\"calc-result-box\">\n      <div class=\"result-label\">Geschatte Totale Waarde<\/div>\n      <div class=\"result-value\" id=\"final-price\">$0.00<\/div>\n    <\/div>\n\n    <div class=\"calc-disclaimer\">\n      *Let op: Deze prijzen zijn marktschattingen (USD) en kunnen vari\u00ebren op basis van locatie en verontreinigingsniveaus. Neem contact met ons op voor groothandelsoffertes.\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const btn = document.getElementById(\"calc-trigger-btn\");\n    const typeSelect = document.getElementById('bottle-type');\n    const weightInput = document.getElementById('bottle-weight');\n    const resultArea = document.getElementById('calc-result-area');\n    const resultValue = document.getElementById('final-price');\n    const errorMsg = document.getElementById('calc-error-msg');\n\n    btn.addEventListener(\"click\", function() {\n      const pricePerKg = parseFloat(typeSelect.value);\n      const weight = parseFloat(weightInput.value);\n\n      resultArea.style.display = 'none';\n      errorMsg.style.display = 'none';\n\n      if (isNaN(pricePerKg) || isNaN(weight) || weight <= 0) {\n        errorMsg.style.display = 'block';\n        return;\n      }\n\n      const total = pricePerKg * weight;\n\n      \/\/ Simple formatting\n      resultValue.textContent = '$' + total.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n      resultArea.style.display = 'block';\n    });\n  });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Estimate Your Recycling Returns Turn your plastic and glass waste into value. Select the bottle type and enter the weight to see how much you could earn. Material Type Choose material&#8230;PET Plastic Bottles (#1)HDPE Plastic Bottles (#2)Glass BottlesAluminum CansMixed Plastics Weight (kg) Calculate Value \u26a0\ufe0f Please select a material and enter a valid weight. Estimated [&#8230;]\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1687","post","type-post","status-publish","format-standard","hentry","category-plastic-recycling"],"_links":{"self":[{"href":"https:\/\/plastic-recycled.com\/nl\/wp-json\/wp\/v2\/posts\/1687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plastic-recycled.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plastic-recycled.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plastic-recycled.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plastic-recycled.com\/nl\/wp-json\/wp\/v2\/comments?post=1687"}],"version-history":[{"count":0,"href":"https:\/\/plastic-recycled.com\/nl\/wp-json\/wp\/v2\/posts\/1687\/revisions"}],"wp:attachment":[{"href":"https:\/\/plastic-recycled.com\/nl\/wp-json\/wp\/v2\/media?parent=1687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plastic-recycled.com\/nl\/wp-json\/wp\/v2\/categories?post=1687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plastic-recycled.com\/nl\/wp-json\/wp\/v2\/tags?post=1687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}