{"id":7765,"date":"2026-05-19T15:08:57","date_gmt":"2026-05-19T08:08:57","guid":{"rendered":"https:\/\/jewel-go.com\/?page_id=7765"},"modified":"2026-05-19T16:44:02","modified_gmt":"2026-05-19T09:44:02","slug":"diamond-price-calculator-h","status":"publish","type":"page","link":"https:\/\/jewel-go.com\/index.php\/diamond-price-calculator-h\/","title":{"rendered":"Diamond Price Calculator-H"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7765\" class=\"elementor elementor-7765\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6de842f e-flex e-con-boxed e-con e-parent\" data-id=\"6de842f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2330d2 e-flex e-con-boxed e-con e-parent\" data-id=\"d2330d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c8ba2 elementor-widget elementor-widget-heading\" data-id=\"31c8ba2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Update 19-05-2026<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3cf9694 e-flex e-con-boxed e-con e-parent\" data-id=\"3cf9694\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db571ab e-con-full e-flex e-con e-parent\" data-id=\"db571ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e91056 elementor-widget elementor-widget-html\" data-id=\"2e91056\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"diamond-price-app\">\r\n  <style>\r\n    #diamond-price-app {\r\n      font-family: Arial, sans-serif;\r\n      max-width: 1050px;\r\n      margin: 0 auto;\r\n      background: #f6f7fb;\r\n      padding: 24px;\r\n      border-radius: 24px;\r\n      color: #111827;\r\n    }\r\n\r\n    #diamond-price-app h2 {\r\n      margin: 0 0 8px;\r\n      font-size: 28px;\r\n    }\r\n\r\n    #diamond-price-app .sub {\r\n      color: #6b7280;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    #diamond-price-app .summary {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 14px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    #diamond-price-app .box {\r\n      background: #fff;\r\n      border: 3px solid #111;\r\n      border-radius: 999px;\r\n      padding: 14px 18px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      font-weight: bold;\r\n    }\r\n\r\n    #diamond-price-app select,\r\n    #diamond-price-app input {\r\n      width: 100%;\r\n      padding: 12px;\r\n      border-radius: 14px;\r\n      border: 1px solid #d1d5db;\r\n      font-size: 15px;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #diamond-price-app .rate-select {\r\n      width: auto;\r\n      background: #a7d7b5;\r\n      font-weight: bold;\r\n      border: none;\r\n      padding: 8px 16px;\r\n    }\r\n\r\n    #diamond-price-app .table {\r\n      background: #fff;\r\n      border-radius: 22px;\r\n      overflow: hidden;\r\n      box-shadow: 0 8px 22px rgba(0,0,0,.08);\r\n    }\r\n\r\n    #diamond-price-app .row,\r\n    #diamond-price-app .head {\r\n      display: grid;\r\n      grid-template-columns: 1.3fr 1fr 1fr;\r\n      gap: 12px;\r\n      padding: 12px;\r\n      align-items: center;\r\n    }\r\n\r\n    #diamond-price-app .head {\r\n      background: #111827;\r\n      color: white;\r\n      font-weight: bold;\r\n    }\r\n\r\n    #diamond-price-app .row {\r\n      border-top: 1px solid #e5e7eb;\r\n    }\r\n\r\n    #diamond-price-app .shape {\r\n      background: #fff3c4;\r\n    }\r\n\r\n    #diamond-price-app .weight {\r\n      background: #e8f0ff;\r\n    }\r\n\r\n    #diamond-price-app .price {\r\n      background: #eef4ff;\r\n      border-radius: 14px;\r\n      padding: 12px;\r\n      min-height: 46px;\r\n      font-weight: bold;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #diamond-price-app .result-red {\r\n      color: #dc2626;\r\n      font-weight: bold;\r\n    }\r\n\r\n    #diamond-price-app .warning {\r\n      background: #fff3cd;\r\n      color: #8a5a00;\r\n    }\r\n\r\n    #diamond-price-app .actions {\r\n      margin-top: 16px;\r\n      display: flex;\r\n      gap: 10px;\r\n      justify-content: flex-end;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    #diamond-price-app button {\r\n      border: none;\r\n      border-radius: 14px;\r\n      padding: 12px 18px;\r\n      font-weight: bold;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #diamond-price-app .add {\r\n      background: #16a34a;\r\n      color: white;\r\n    }\r\n\r\n    #diamond-price-app .clear {\r\n      background: #111827;\r\n      color: white;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      #diamond-price-app .summary,\r\n      #diamond-price-app .row,\r\n      #diamond-price-app .head {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <h2>Diamond Price Calculator<\/h2>\r\n  <div class=\"sub\">\u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e32\u0e04\u0e32\u0e40\u0e1e\u0e0a\u0e23\u0e08\u0e32\u0e01 Shape \u00d7 Weight \u00d7 THB\/USD<\/div>\r\n\r\n  <div class=\"summary\">\r\n    <div class=\"box\">\r\n      <span>THB\/USD<\/span>\r\n      <select id=\"dpc-rate\" class=\"rate-select\">\r\n        <option>32<\/option>\r\n        <option selected>33<\/option>\r\n        <option>34<\/option>\r\n        <option>35<\/option>\r\n        <option>36<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"box\">\r\n      <span>Total (ct)<\/span>\r\n      <span id=\"dpc-total-ct\">0.00<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"box\">\r\n      <span>Cost<\/span>\r\n      <span id=\"dpc-cost\" class=\"result-red\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"table\">\r\n    <div class=\"head\">\r\n      <div>Shape<\/div>\r\n      <div>Weight (ct)<\/div>\r\n      <div>Price<\/div>\r\n    <\/div>\r\n    <div id=\"dpc-rows\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"actions\">\r\n    <button class=\"add\" onclick=\"dpcAddRow()\">+ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e41\u0e16\u0e27<\/button>\r\n    <button class=\"clear\" onclick=\"dpcClear()\">\u0e25\u0e49\u0e32\u0e07\u0e04\u0e48\u0e32<\/button>\r\n  <\/div>\r\n\r\n  <script>\r\n    const DPC_SHAPES = [\r\n      { group: \"Round\", code: \"RD 0.5\", usd: 525 },\r\n      { group: \"Round\", code: \"RD 1-7\", usd: 470 },\r\n      { group: \"Round\", code: \"RD 8-12\", usd: 565 },\r\n      { group: \"MQ\", code: \"MQ10\", usd: 700 },\r\n      { group: \"MQ\", code: \"MQ15\", usd: 825 },\r\n      { group: \"MQ\", code: \"MQ20\", usd: 950 },\r\n      { group: \"PR\", code: \"PR10\", usd: 575 },\r\n      { group: \"PR\", code: \"PR15\", usd: 675 },\r\n      { group: \"PR\", code: \"PR20\", usd: 825 },\r\n      { group: \"Heart\", code: \"HEART10\", usd: 675 },\r\n      { group: \"Heart\", code: \"HEART15\", usd: 800 },\r\n      { group: \"Heart\", code: \"HEART20\", usd: 900 },\r\n      { group: \"PEAR\", code: \"PEAR10\", usd: 610 },\r\n      { group: \"PEAR\", code: \"PEAR15\", usd: 725 },\r\n      { group: \"PEAR\", code: \"PEAR20\", usd: 850 },\r\n      { group: \"EM\", code: \"EM10\", usd: 575 },\r\n      { group: \"EM\", code: \"EM15\", usd: 675 },\r\n      { group: \"EM\", code: \"EM20\", usd: 825 },\r\n      { group: \"Oval\", code: \"OVAL10\", usd: 610 },\r\n      { group: \"Oval\", code: \"OVAL15\", usd: 725 },\r\n      { group: \"Oval\", code: \"OVAL20\", usd: 850 },\r\n      { group: \"RAD\", code: \"RAD10\", usd: 575 },\r\n      { group: \"RAD\", code: \"RAD15\", usd: null },\r\n      { group: \"RAD\", code: \"RAD20\", usd: 825 }\r\n    ];\r\n\r\n    let dpcRowCount = 0;\r\n\r\n    function dpcMoney(num) {\r\n      return Number(num || 0).toLocaleString(\"en-US\", {\r\n        minimumFractionDigits: 2,\r\n        maximumFractionDigits: 2\r\n      });\r\n    }\r\n\r\n    function dpcAddRow(shape = \"\", weight = \"\") {\r\n      dpcRowCount++;\r\n      const rows = document.getElementById(\"dpc-rows\");\r\n\r\n      const options = DPC_SHAPES.map(item => {\r\n        const review = item.usd === null ? \" (\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e32\u0e04\u0e32)\" : \"\";\r\n        return `<option value=\"${item.code}\">${item.code}${review}<\/option>`;\r\n      }).join(\"\");\r\n\r\n      const row = document.createElement(\"div\");\r\n      row.className = \"row\";\r\n      row.innerHTML = `\r\n        <select class=\"shape dpc-shape\" onchange=\"dpcCalculate()\">\r\n          <option value=\"\">\u0e40\u0e25\u0e37\u0e2d\u0e01 Shape<\/option>\r\n          ${options}\r\n        <\/select>\r\n        <input class=\"weight dpc-weight\" type=\"number\" min=\"0\" step=\"0.01\" placeholder=\"0.00\" oninput=\"dpcCalculate()\">\r\n        <div class=\"price dpc-price\"><\/div>\r\n      `;\r\n\r\n      rows.appendChild(row);\r\n      row.querySelector(\".dpc-shape\").value = shape;\r\n      row.querySelector(\".dpc-weight\").value = weight;\r\n      dpcCalculate();\r\n    }\r\n\r\n    function dpcCalculate() {\r\n      const rate = Number(document.getElementById(\"dpc-rate\").value);\r\n      const rows = document.querySelectorAll(\"#dpc-rows .row\");\r\n\r\n      let totalCt = 0;\r\n      let totalCost = 0;\r\n\r\n      rows.forEach(row => {\r\n        const shapeCode = row.querySelector(\".dpc-shape\").value;\r\n        const weight = Number(row.querySelector(\".dpc-weight\").value || 0);\r\n        const priceBox = row.querySelector(\".dpc-price\");\r\n        const shape = DPC_SHAPES.find(s => s.code === shapeCode);\r\n\r\n        priceBox.classList.remove(\"warning\");\r\n        priceBox.classList.remove(\"result-red\");\r\n\r\n        if (!shapeCode || weight <= 0) {\r\n          priceBox.textContent = \"\";\r\n          return;\r\n        }\r\n\r\n        totalCt += weight;\r\n\r\n        if (!shape || shape.usd === null) {\r\n          priceBox.textContent = \"\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e32\u0e04\u0e32\";\r\n          priceBox.classList.add(\"warning\");\r\n          return;\r\n        }\r\n\r\n        const price = shape.usd * rate * weight;\r\n        totalCost += price;\r\n\r\n        priceBox.textContent = dpcMoney(price);\r\n        priceBox.classList.add(\"result-red\");\r\n      });\r\n\r\n      document.getElementById(\"dpc-total-ct\").textContent = dpcMoney(totalCt);\r\n      document.getElementById(\"dpc-cost\").textContent = totalCost > 0 ? dpcMoney(totalCost) : \"\";\r\n    }\r\n\r\n    function dpcClear() {\r\n      document.getElementById(\"dpc-rows\").innerHTML = \"\";\r\n      dpcRowCount = 0;\r\n      for (let i = 0; i < 7; i++) dpcAddRow();\r\n      dpcCalculate();\r\n    }\r\n\r\n    document.getElementById(\"dpc-rate\").addEventListener(\"change\", dpcCalculate);\r\n\r\n    for (let i = 0; i < 7; i++) dpcAddRow();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Update 19-05-2026 Diamond Price Calculator \u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e32\u0e04\u0e32\u0e40\u0e1e\u0e0a\u0e23\u0e08\u0e32\u0e01 Shape \u00d7 Weight \u00d7 THB\/USD THB\/USD 3233343536 Total (ct) 0.00 Cost Shape Weight (ct) Price + \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e41\u0e16\u0e27 \u0e25\u0e49\u0e32\u0e07\u0e04\u0e48\u0e32<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-7765","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jewel-go.com\/index.php\/wp-json\/wp\/v2\/pages\/7765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jewel-go.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jewel-go.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jewel-go.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jewel-go.com\/index.php\/wp-json\/wp\/v2\/comments?post=7765"}],"version-history":[{"count":22,"href":"https:\/\/jewel-go.com\/index.php\/wp-json\/wp\/v2\/pages\/7765\/revisions"}],"predecessor-version":[{"id":7791,"href":"https:\/\/jewel-go.com\/index.php\/wp-json\/wp\/v2\/pages\/7765\/revisions\/7791"}],"wp:attachment":[{"href":"https:\/\/jewel-go.com\/index.php\/wp-json\/wp\/v2\/media?parent=7765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}