{"id":1023,"date":"2023-05-24T11:01:37","date_gmt":"2023-05-24T11:01:37","guid":{"rendered":"https:\/\/spire.city\/?page_id=1023"},"modified":"2023-05-24T11:01:48","modified_gmt":"2023-05-24T11:01:48","slug":"tabel-2","status":"publish","type":"page","link":"https:\/\/spire.city\/index.php\/tabel-2\/","title":{"rendered":"tabel"},"content":{"rendered":"\n<!DOCTYPE html>\n<html>\n  <head>\n    <title>Calculator<\/title>\n    <style>\n      #calculator-container {\n        display: flex;\n        padding: 10px;\n      }\n\n      .div-valori {\n        margin: 12px;\n      }\n\n      input[type=\"number\"] {\n        width: 100px;\n      }\n      button {\n        margin: 12px;\n        padding: 15px 18px;\n        background-color: #3daf95;\n        color: white;\n        font-weight: 600;\n        width: 95%;\n        border-color: white;\n      }\n      button:hover {\n        background-color: #cb5920;\n        color: white;\n        border-color: white;\n      }\n      table {\n        margin-top: 20px;\n        border-collapse: collapse;\n      }\n      table td {\n        padding: 5px;\n        border: 1px solid white !important;\n      }\n      .highlight-green {\n        color: black;\n        background: linear-gradient(130deg, #a7df62, #58ac30);\n        font-weight: 600;\n      }\n      .highlight-red-dark {\n        color: black;\n        background: linear-gradient(130deg, #DA0000, #BA0001);\n        font-weight: 600;\n      }\n      .highlight-red-light {\n        color: black;\n        background: linear-gradient(130deg, #FE8483, #FE1F20);\n        font-weight: 600;\n      }\n      .highlight-orange {\n        color: black;\n        background: linear-gradient(130deg, #F09400, #FC5B00);\n        font-weight: 600;\n      }\n      .highlight-yellow {\n        color: black;\n        background: linear-gradient(130deg, #f3f9a6, #cbc634);\n        font-weight: 600;\n      }\n\n      .table-container {\n        display: flex;\n      }\n\n      .table-container table {\n        margin: 12px !important;\n        height: 100%;\n        width: 150px;\n        border: 1px solid black;\n      }\n\n      .left-side {\n        width: 50%;\n        margin-right: 50px;\n      }\n\n      .right-side {\n        width: 50%;\n      }\n\n      .valori-container {\n        display: flex;\n      }\n    <\/style>\n  <\/head>\n  <body>\n    <div id=\"calculator-container\">\n      <div class=\"left-side\">\n        <div class=\"valori-container\">\n          <div class=\"div-valori\">\n            <label for=\"valoarePb\">Valoare Pb:<\/label>\n            <input type=\"number\" id=\"valoarePb\" \/>\n          <\/div>\n          <div class=\"div-valori\">\n            <label for=\"valoareZn\">Valoare Zn:<\/label>\n            <input type=\"number\" id=\"valoareZn\" \/>\n          <\/div>\n          <div class=\"div-valori\">\n            <label for=\"valoareCu\">Valoare Cu:<\/label>\n            <input type=\"number\" id=\"valoareCu\" \/>\n          <\/div>\n          <div class=\"div-valori\">\n            <label for=\"valoareCd\">Valoare Cd:<\/label>\n            <input type=\"number\" id=\"valoareCd\" \/>\n          <\/div>\n        <\/div>\n        <button onclick=\"calculeaza()\">CALCULEAZ\u0102<\/button>\n\n        <h4>Rezultate:<\/h4>\n        <div class=\"table-container\">\n          <table id=\"tabelPb\">\n            <tr>\n              <th>Pb<\/th>\n            <\/tr>\n          <\/table>\n          <table id=\"tabelZn\">\n            <tr>\n              <th>Zn<\/th>\n            <\/tr>\n          <\/table>\n          <table id=\"tabelCu\">\n            <tr>\n              <th>Cu<\/th>\n            <\/tr>\n          <\/table>\n          <table id=\"tabelCd\">\n            <tr>\n              <th>Cd<\/th>\n            <\/tr>\n          <\/table>\n        <\/div>\n      <\/div>\n      <div class=\"right-side\">\n        <div>\n          <canvas id=\"myChartPb\"><\/canvas>\n        <\/div>\n        <div>\n          <canvas id=\"myChartZn\"><\/canvas>\n        <\/div>\n        <div>\n          <canvas id=\"myChartCu\"><\/canvas>\n        <\/div>\n        <div>\n          <canvas id=\"myChartCd\"><\/canvas>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n    <script>\n      function calculeaza() {\n        var valoarePb = parseFloat(document.getElementById(\"valoarePb\").value);\n        var valoareZn = parseFloat(document.getElementById(\"valoareZn\").value);\n        var valoareCu = parseFloat(document.getElementById(\"valoareCu\").value);\n        var valoareCd = parseFloat(document.getElementById(\"valoareCd\").value);\n\n        var rezultat1 = valoarePb;\n        var rezultat2 = valoareZn;\n        var rezultat3 = valoareCu;\n        var rezultat4 = valoareCd;\n        var contor = 1;\n\n        var rezultateTablePb = document.getElementById(\"tabelPb\");\n        var rezultateTableZn = document.getElementById(\"tabelZn\");\n        var rezultateTableCu = document.getElementById(\"tabelCu\");\n        var rezultateTableCd = document.getElementById(\"tabelCd\");\n        var row = document.createElement(\"tr\");\n        var valoriPb = [];\n        var labelsPb = [];\n        var valoriZn = [];\n        var labelsZn = [];\n        var valoriCu = [];\n        var labelsCu = [];\n        var valoriCd = [];\n        var labelsCd = [];\n        while (rezultat1 >= 20) {\n          valoriPb.push(rezultat1);\n          labelsPb.push(contor++);\n          var cell1 = document.createElement(\"td\");\n          cell1.textContent = Math.round(rezultat1);\n\n          if (rezultat1 > 1000) {\n            cell1.classList.add(\"highlight-red-dark\");\n          } else if (rezultat1 > 250 && rezultat1 <= 1000) {\n            cell1.classList.add(\"highlight-red-light\");\n          } else if (rezultat1 > 100 && rezultat1 <= 250) {\n            cell1.classList.add(\"highlight-orange\");\n          } else if (rezultat1 > 50 && rezultat1 <= 100) {\n            cell1.classList.add(\"highlight-yellow\");\n          } else {\n            cell1.classList.add(\"highlight-green\");\n          }\n\n          row.appendChild(cell1);\n          rezultateTablePb.appendChild(row);\n          row = document.createElement(\"tr\");\n          rezultat1 = calculeazaRezultat1(rezultat1);\n        }\n        \/\/  console.log(valoriPb);\n        \/\/ inceput chart Pb\n        const ctx = document.getElementById(\"myChartPb\");\n\n        new Chart(ctx, {\n          type: \"line\",\n          data: {\n            labels: labelsPb,\n            datasets: [\n              {\n                label: \"Valoare Pb\",\n                data: valoriPb,\n                borderWidth: 1,\n              },\n            ],\n          },\n          options: {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        });\n        \/\/ sfarsit chart pb\n        contor = 1;\n        while (rezultat2 >= 100) {\n          valoriZn.push(rezultat2);\n          labelsZn.push(contor++);\n          var cell2 = document.createElement(\"td\");\n          cell2.textContent = Math.round(rezultat2);\n\n          if (rezultat2 > 1500) {\n            cell2.classList.add(\"highlight-red-dark\");\n          } else if (rezultat2 > 700 && rezultat2 <= 1500) {\n            cell2.classList.add(\"highlight-red-light\");\n          } else if (rezultat2 > 600 && rezultat2 <= 700) {\n            cell2.classList.add(\"highlight-orange\");\n          } else if (rezultat2 > 30 && rezultat2 <= 600) {\n            cell2.classList.add(\"highlight-yellow\");\n          } else {\n            cell2.classList.add(\"highlight-green\");\n          }\n\n          row.appendChild(cell2);\n          rezultateTableZn.appendChild(row);\n          row = document.createElement(\"tr\");\n          rezultat2 = calculeazaRezultat2(rezultat2);\n        }\n        \/\/   console.log(valoriZn);\n\n        \/\/ inceput chart Zn\n        const ctx2 = document.getElementById(\"myChartZn\");\n\n        new Chart(ctx2, {\n          type: \"line\",\n          data: {\n            labels: labelsZn,\n            datasets: [\n              {\n                label: \"Valoare Zn\",\n                data: valoriZn,\n                borderWidth: 1,\n              },\n            ],\n          },\n          options: {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        });\n        \/\/ sfarsit chart Zn\n\n        contor = 1;\n        while (rezultat3 >= 20) {\n          valoriCu.push(rezultat3);\n          labelsCu.push(contor++);\n          var cell3 = document.createElement(\"td\");\n\n          if (rezultat3 > 500) {\n            cell3.classList.add(\"highlight-red-dark\");\n          } else if (rezultat3 > 250 && rezultat3 <= 500) {\n            cell3.classList.add(\"highlight-red-light\");\n          } else if (rezultat3 > 200 && rezultat3 <= 250) {\n            cell3.classList.add(\"highlight-orange\");\n          } else if (rezultat3 > 100 && rezultat3 <= 200) {\n            cell3.classList.add(\"highlight-yellow\");\n          } else {\n            cell3.classList.add(\"highlight-green\");\n          }\n\n          cell3.textContent = Math.round(rezultat3);\n          row.appendChild(cell3);\n          rezultateTableCu.appendChild(row);\n          row = document.createElement(\"tr\");\n          rezultat3 = calculeazaRezultat3(rezultat3);\n        }\n        \/\/ console.log(valoriCu);\n        \/\/ inceput chart Cu\n        const ctx3 = document.getElementById(\"myChartCu\");\n\n        new Chart(ctx3, {\n          type: \"line\",\n          data: {\n            labels: labelsCu,\n            datasets: [\n              {\n                label: \"Valoare Cu\",\n                data: valoriCu,\n                borderWidth: 1,\n              },\n            ],\n          },\n          options: {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        });\n        \/\/ sfarsit chart Cu\n\n        contor = 1;\n        while (rezultat4 >= 1) {\n          valoriCd.push(rezultat4);\n          labelsCd.push(contor++);\n          var cell4 = document.createElement(\"td\");\n\n          if (rezultat4 > 10) {\n            cell4.classList.add(\"highlight-red-dark\");\n          } else if (rezultat4 > 5 && rezultat4 <= 10) {\n            cell4.classList.add(\"highlight-red-light\");\n          } else if (rezultat4 > 3 && rezultat4 <= 5) {\n            cell4.classList.add(\"highlight-yellow\");\n          } else {\n            cell4.classList.add(\"highlight-green\");\n          }\n\n          cell4.textContent = roundNumber(rezultat4, 2);\n          row.appendChild(cell4);\n          rezultateTableCd.appendChild(row);\n          row = document.createElement(\"tr\");\n          rezultat4 = calculeazaRezultat4(rezultat4);\n        }\n\n        \/\/ inceput chart Cd\n        const ctx4 = document.getElementById(\"myChartCd\");\n\n        new Chart(ctx4, {\n          type: \"line\",\n          data: {\n            labels: labelsCd,\n            datasets: [\n              {\n                label: \"Valoare Cd\",\n                data: valoriCd,\n                borderWidth: 1,\n              },\n            ],\n          },\n          options: {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        });\n        \/\/ sfarsit chart Cd\n      }\n\n      function calculeazaRezultat1(valoare) {\n        return valoare > 0\n          ? valoare > 1000\n            ? valoare * 0.96\n            : valoare > 250\n            ? valoare * 0.92\n            : valoare > 100\n            ? valoare * 0.94\n            : valoare > 50\n            ? valoare * 0.95\n            : valoare > 20\n            ? valoare * 0.95\n            : valoare * 0.97\n          : valoare;\n      }\n\n      function calculeazaRezultat2(valoare) {\n        return valoare > 0\n          ? valoare > 1500\n            ? valoare * 0.96\n            : valoare > 700\n            ? valoare * 0.97\n            : valoare > 600\n            ? valoare * 0.94\n            : valoare > 300\n            ? valoare * 0.92\n            : valoare > 100\n            ? valoare * 0.92\n            : valoare * 0.95\n          : valoare;\n      }\n\n      function calculeazaRezultat3(valoare) {\n        return valoare > 0\n          ? valoare > 500\n            ? valoare * 0.97\n            : valoare > 250\n            ? valoare * 0.98\n            : valoare > 200\n            ? valoare * 0.97\n            : valoare > 100\n            ? valoare * 0.95\n            : valoare > 20\n            ? valoare * 0.96\n            : valoare * 0.96\n          : valoare;\n      }\n\n      function calculeazaRezultat4(valoare) {\n        return valoare > 0\n          ? valoare > 10\n            ? valoare * 0.96\n            : valoare > 5\n            ? valoare * 0.93\n            : valoare > 3\n            ? valoare * 0.94\n            : valoare > 2\n            ? valoare * 0.94\n            : valoare > 1\n            ? valoare * 0.96\n            : valoare * 0.96\n          : valoare;\n      }\n\n      function roundNumber(num, scale) {\n        if (!(\"\" + num).includes(\"e\")) {\n          return +(Math.round(num + \"e+\" + scale) + \"e-\" + scale);\n        } else {\n          var arr = (\"\" + num).split(\"e\");\n          var sig = \"\";\n          if (+arr[1] + scale > 0) {\n            sig = \"+\";\n          }\n          return +(\n            Math.round(+arr[0] + \"e\" + sig + (+arr[1] + scale)) +\n            \"e-\" +\n            scale\n          );\n        }\n      }\n    <\/script>\n  <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Calculator Valoare Pb: Valoare Zn: Valoare Cu: Valoare Cd: CALCULEAZ\u0102 Rezultate: Pb Zn Cu Cd<\/p>\n<p> <a class=\"continue-reading-link\" href=\"https:\/\/spire.city\/index.php\/tabel-2\/\"><span>Continue reading<\/span><i class=\"crycon-right-dir\"><\/i><\/a> <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/pages\/1023"}],"collection":[{"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/comments?post=1023"}],"version-history":[{"count":2,"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/pages\/1023\/revisions"}],"predecessor-version":[{"id":1025,"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/pages\/1023\/revisions\/1025"}],"wp:attachment":[{"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/media?parent=1023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}