{"id":243,"date":"2025-04-06T13:10:18","date_gmt":"2025-04-06T13:10:18","guid":{"rendered":"https:\/\/sactlibrary.com\/?page_id=243"},"modified":"2025-04-06T23:02:24","modified_gmt":"2025-04-06T23:02:24","slug":"blood-parameter-checker-sample","status":"publish","type":"page","link":"https:\/\/sactlibrary.com\/?page_id=243","title":{"rendered":"Blood Parameter Checker"},"content":{"rendered":"\n<h1 class=\"wp-block-heading has-text-align-center\">Doxorubucin<\/h1>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  <title>Blood Parameters Checker<\/title>\n  <style>\n    body {\n      font-family: 'Segoe UI', sans-serif;\n      background: #f2f6fc;\n      margin: 0;\n      padding: 20px;\n    }\n\n    h1 {\n      text-align: center;\n      color: #333;\n    }\n\n    .card {\n      background: #fff;\n      border-radius: 16px;\n      padding: 20px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n      margin-bottom: 20px;\n      transition: transform 0.2s ease;\n    }\n\n    .card:hover {\n      transform: scale(1.01);\n    }\n\n    .label {\n      font-weight: bold;\n      font-size: 1.1rem;\n      color: #444;\n    }\n\n    .input-group {\n      display: flex;\n      align-items: center;\n      margin-top: 10px;\n      gap: 10px;\n    }\n\n    input[type=\"number\"] {\n      padding: 10px;\n      font-size: 1rem;\n      border-radius: 8px;\n      border: 1px solid #ccc;\n      width: 100px;\n    }\n\n    select {\n      padding: 10px;\n      font-size: 1rem;\n      border-radius: 8px;\n      border: 1px solid #ccc;\n    }\n\n    .target {\n      margin-left: auto;\n      font-weight: bold;\n      color: #777;\n    }\n\n    .advice {\n      margin-top: 10px;\n      font-weight: bold;\n      padding: 10px;\n      border-radius: 8px;\n    }\n\n    .green {\n      background: #d4edda;\n      color: #155724;\n    }\n\n    .amber {\n      background: #fff3cd;\n      color: #856404;\n    }\n\n    .red {\n      background: #f8d7da;\n      color: #721c24;\n    }\n\n    .summary {\n      text-align: center;\n      padding: 20px;\n      margin-top: 30px;\n      border-radius: 16px;\n      font-size: 1.2rem;\n      font-weight: bold;\n      color: white;\n    }\n\n    .summary.green { background: #28a745; }\n    .summary.amber { background: #ffc107; color: #212529; }\n    .summary.red { background: #dc3545; }\n  <\/style>\n<\/head>\n<body>\n\n  <h1>Blood Parameters Check<\/h1>\n\n  <div class=\"card\">\n    <div class=\"label\">Neutrophils<\/div>\n    <div class=\"input-group\">\n      <input type=\"number\" id=\"neutrophils\" value=\"1.5\" step=\"0.1\"\/>\n      <select id=\"neutro-unit\">\n        <option value=\"SI\">x10\u2079\/L<\/option>\n        <option value=\"US\">cells\/\u03bcL<\/option>\n      <\/select>\n      <span class=\"target\">Target \u2265 1.5<\/span>\n    <\/div>\n    <div id=\"neutro-advice\" class=\"advice\"><\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"label\">Platelets<\/div>\n    <div class=\"input-group\">\n      <input type=\"number\" id=\"platelets\" value=\"100\" step=\"1\"\/>\n      <select id=\"platelet-unit\">\n        <option value=\"SI\">x10\u2079\/L<\/option>\n        <option value=\"US\">k\/\u03bcL<\/option>\n      <\/select>\n      <span class=\"target\">Target \u2265 100<\/span>\n    <\/div>\n    <div id=\"platelet-advice\" class=\"advice\"><\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"label\">Hemoglobin<\/div>\n    <div class=\"input-group\">\n      <input type=\"number\" id=\"hb\" value=\"80\" step=\"1\"\/>\n      <select id=\"hb-unit\">\n        <option value=\"SI\">g\/L<\/option>\n        <option value=\"US\">g\/dL<\/option>\n      <\/select>\n      <span class=\"target\">Target \u2265 80<\/span>\n    <\/div>\n    <div id=\"hb-advice\" class=\"advice\"><\/div>\n  <\/div>\n\n  <div id=\"summary\" class=\"summary green\">\n    \u2705 Proceed with Treatment\n  <\/div>\n\n  <script>\n    function convert(value, from, to, factor) {\n      return from === to ? value : from === 'SI' ? value * factor : value \/ factor;\n    }\n\n    function update() {\n      const neutroUnit = document.getElementById(\"neutro-unit\").value;\n      const plateletUnit = document.getElementById(\"platelet-unit\").value;\n      const hbUnit = document.getElementById(\"hb-unit\").value;\n\n      let neutro = parseFloat(document.getElementById(\"neutrophils\").value);\n      let platelets = parseFloat(document.getElementById(\"platelets\").value);\n      let hb = parseFloat(document.getElementById(\"hb\").value);\n\n      \/\/ Convert all to SI\n      neutro = convert(neutro, neutroUnit, \"SI\", 0.001); \/\/ US to SI: 1000 cells\/\u03bcL = 1 x10\u2079\/L\n      platelets = convert(platelets, plateletUnit, \"SI\", 1); \/\/ US k\/\u03bcL is same as x10\u2079\/L\n      hb = convert(hb, hbUnit, \"SI\", 10); \/\/ g\/dL to g\/L\n\n      let red = false;\n      let amber = false;\n\n      \/\/ NEUTROPHILS\n      const neutroAdvice = document.getElementById(\"neutro-advice\");\n      if (neutro >= 1.5) {\n        neutroAdvice.className = \"advice green\";\n        neutroAdvice.innerText = \"\u2714\ufe0f OK to proceed with treatment\";\n      } else {\n        neutroAdvice.className = \"advice red\";\n        neutroAdvice.innerText = \"\u274c Delay treatment. Start GCSF until target level achieved.\";\n        red = true;\n      }\n\n      \/\/ PLATELETS\n      const plateletAdvice = document.getElementById(\"platelet-advice\");\n      if (platelets >= 100) {\n        plateletAdvice.className = \"advice green\";\n        plateletAdvice.innerText = \"\u2714\ufe0f OK to proceed with treatment\";\n      } else {\n        plateletAdvice.className = \"advice red\";\n        plateletAdvice.innerText = \"\u274c Delay treatment. Consider platelet transfusion.\";\n        red = true;\n      }\n\n      \/\/ HEMOGLOBIN\n      const hbAdvice = document.getElementById(\"hb-advice\");\n      if (hb >= 80) {\n        hbAdvice.className = \"advice green\";\n        hbAdvice.innerText = \"\u2714\ufe0f OK to proceed with treatment\";\n      } else {\n        hbAdvice.className = \"advice red\";\n        hbAdvice.innerText = \"\u274c Consider red cell transfusion.\";\n        red = true;\n      }\n\n      const summary = document.getElementById(\"summary\");\n      if (red) {\n        summary.className = \"summary red\";\n        summary.innerText = \"\u2757 Delay Treatment. Consider advice for the result not within parameter target and escalate to medical team for further review and management before proceeding.\";\n      } else {\n        summary.className = \"summary green\";\n        summary.innerText = \"\u2705 Proceed with Treatment\";\n      }\n    }\n\n    \/\/ Attach events\n    [\"neutrophils\", \"platelets\", \"hb\", \"neutro-unit\", \"platelet-unit\", \"hb-unit\"]\n      .forEach(id => document.getElementById(id).addEventListener(\"input\", update));\n\n    update(); \/\/ initial run\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Doxorubucin Blood Parameters Checker Blood Parameters Check Neutrophils x10\u2079\/Lcells\/\u03bcL Target \u2265 1.5 Platelets [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-243","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"valerieshiii","author_link":"https:\/\/sactlibrary.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Doxorubucin Blood Parameters Checker Blood Parameters Check Neutrophils x10\u2079\/Lcells\/\u03bcL Target \u2265 1.5 Platelets [&hellip;]","_links":{"self":[{"href":"https:\/\/sactlibrary.com\/index.php?rest_route=\/wp\/v2\/pages\/243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sactlibrary.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sactlibrary.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sactlibrary.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sactlibrary.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=243"}],"version-history":[{"count":3,"href":"https:\/\/sactlibrary.com\/index.php?rest_route=\/wp\/v2\/pages\/243\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/sactlibrary.com\/index.php?rest_route=\/wp\/v2\/pages\/243\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/sactlibrary.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}