{"id":7072,"date":"2024-11-22T04:45:00","date_gmt":"2024-11-22T04:45:00","guid":{"rendered":"https:\/\/protech-transfer.com\/precious-metal-calculator\/"},"modified":"2025-12-24T08:16:25","modified_gmt":"2025-12-24T08:16:25","slug":"precious-metal-calculator","status":"publish","type":"page","link":"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/","title":{"rendered":"Precious Metal Calculator"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tM\u00e1y t\u00ednh H\u1ee3p kim Kim lo\u1ea1i Qu\u00fd<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \r\n\r\n\r\n\t\r\n\tMelting Calculator (Gold, Silver, Platinum)<\/title>\r\n\t<style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background: #ccc;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .container {\r\n max-width: 450px;\r\n margin: 40px auto;\r\n padding: 20px;\r\n background: #eee;\r\n border-radius: 8px;\r\n }\r\n\/* h2 {\r\n text-align: center;\r\n } *\/\r\n label {\r\n display: block;\r\n margin: 10px 0 5px;\r\n font-weight: bold;\r\n }\r\n select, input[type=\"number\"], button {\r\n width: 100%;\r\n padding: 8px;\r\n font-size: 1rem;\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n border: 1px solid #ccc;\r\n margin-bottom: 10px;\r\n }\r\n .info-block {\r\n margin: 10px 0;\r\n padding: 8px;\r\n background: #fff;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n }\r\n .result {\r\n margin-top: 15px;\r\n padding: 10px;\r\n background: #ddd;\r\n text-align: center;\r\n border-radius: 4px;\r\n }\r\n .metal-breakdown {\r\n text-align: left;\r\n margin: 0 auto;\r\n max-width: 300px;\r\n }\r\n .help-btn {\r\n display: inline-block;\r\n width: 24px;\r\n height: 24px;\r\n line-height: 24px;\r\n text-align: center;\r\n border-radius: 5px;\r\n background-color: #007BFF;\r\n color: #fff;\r\n font-weight: bold;\r\n cursor: pointer;\r\n margin-left: 8px;\r\n }\r\n .help-btn:hover {\r\n filter: brightness(110%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n<!-- \t<h2>Melting Calculator<\/h2> -->\r\n\r\n\t<!-- 1) Select Metal -->\r\n\t<label for=\"metalSelect\">Select Metal:<\/label>\r\n\t<select id=\"metalSelect\">\r\n\t\t<option value=\"gold\" selected>Gold<\/option>\r\n\t\t<option value=\"silver\">Silver<\/option>\r\n\t\t<option value=\"platinum\">Platinum<\/option>\r\n\t<\/select>\r\n\r\n\t<!-- 2) Grade \/ Alloy -->\r\n\t<label for=\"gradeSelect\">Select Grade \/ Alloy:<\/label>\r\n\t<select id=\"gradeSelect\"><\/select>\r\n\r\n\t<!-- 3) Color (or variant) -->\r\n\t<label for=\"colorSelect\" id=\"colorLabel\">Color:<\/label>\r\n\t<select id=\"colorSelect\"><\/select>\r\n\r\n\t<!-- 4) Correction -->\r\n\t<label for=\"corrSelect\" id=\"corrLabel\">\r\n\t\tCorrection of the base:\r\n\t<span class=\"help-btn\" onclick=\"showCorrHelp()\">?<\/span>\r\n\t<\/label>\r\n\t<select id=\"corrSelect\"><\/select>\r\n\r\n\t<!-- 5) Mass -->\r\n\t<label for=\"metalMass\">Mass (g):<\/label>\r\n\t<input type=\"number\" id=\"metalMass\" min=\"0\" step=\"0.01\" placeholder=\"Enter the mass\" \/>\r\n\r\n\t<!-- 6) Calculation Mode -->\r\n\t<label for=\"massModeSelect\">\r\n\t\tCalculation Mode:\r\n\t<span class=\"help-btn\" onclick=\"showModeHelp()\">?<\/span>\r\n\t<\/label>\r\n\t<select id=\"massModeSelect\">\r\n\t\t<option value=\"final-alloy\" selected>Final Alloy Weight<\/option>\r\n\t\t<option value=\"pure-metal\">Pure Metal Weight<\/option>\r\n\t<\/select>\r\n\r\n\t<!-- 7) Alloy Information -->\r\n\t<div id=\"alloyInfo\" class=\"info-block\" style=\"display: none;\">\r\n\t\t<div><strong>Composition:<\/strong> <span id=\"compositionValue\">\u2014<\/span><\/div>\r\n\t\t<div><strong>Density (g\/cm\u00b3):<\/strong> <span id=\"densityValue\">\u2014<\/span><\/div>\r\n\t\t<div><strong>Melting Point (\u00b0C):<\/strong> <span id=\"meltingValue\">\u2014<\/span><\/div>\r\n\t<\/div>\r\n\r\n\t<!-- Calculate button -->\r\n\t<button id=\"calculateButton\">Calculate<\/button>\r\n\r\n\t<!-- Result -->\r\n\t<div id=\"result\" class=\"result\" style=\"display: none;\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/*\r\n ----------------------------------------------------------------------------\r\n 1) Data for Gold (all old colors + white gold variants)\r\n ----------------------------------------------------------------------------\r\n (In Gold, repeated color names such as \"light green\" are renamed as \"light green 1\" and \"light green 2\".\r\n For 965\/23K, two variants are defined: one renamed to \"Pale Yellow\" and one to \"Reddish Yellow\".)\r\n*\/\r\nconst goldAlloys = [\r\n {\r\n gradeLabel: \"965\/23K\",\r\n baseValue: 965,\r\n variants: [\r\n {\r\n label: \"Pale Yellow\",\r\n composition: \"Au 965, Ag 25, Cu 0\",\r\n parts: { au: 965, ag: 25, cu: 0, others: [] },\r\n density: 18.9,\r\n melting: 1058\r\n },\r\n {\r\n label: \"Reddish Yellow\",\r\n composition: \"Au 965, Ag 5, Cu 20\",\r\n parts: { au: 965, ag: 5, cu: 20, others: [] },\r\n density: 18.9,\r\n melting: 1058\r\n }\r\n ]\r\n },\r\n {\r\n gradeLabel: \"750\/18K\",\r\n baseValue: 750,\r\n variants: [\r\n {\r\n label: \"pale yellow green\",\r\n composition: \"Au 750, Ag 250, Cu 0\",\r\n parts: { au:750, ag:250, cu:0, others:[] },\r\n density: 15.9,\r\n melting: 1038\r\n },\r\n {\r\n label: \"light yellow green\",\r\n composition: \"Au 750, Ag 214, Cu 36\",\r\n parts: { au:750, ag:214, cu:36, others:[] },\r\n density: 15.8,\r\n melting: 1025\r\n },\r\n {\r\n label: \"greenish yellow\",\r\n composition: \"Au 750, Ag 167, Cu 83\",\r\n parts: { au:750, ag:167, cu:83, others:[] },\r\n density: 15.6,\r\n melting: 968\r\n },\r\n {\r\n label: \"medium green\",\r\n composition: \"Au 750, Ag 167, Cu 0, 83 Cd\",\r\n parts: { au:750, ag:167, cu:0, others:[{name:\"Cd\", fraction:83}] },\r\n density: 15.5,\r\n melting: 1025\r\n },\r\n {\r\n label: \"light yellow\",\r\n composition: \"Au 750, Ag 125, Cu 125\",\r\n parts: { au:750, ag:125, cu:125, others:[] },\r\n density: 15.4,\r\n melting: 905\r\n },\r\n {\r\n label: \"reddish yellow 1\",\r\n composition: \"Au 750, Ag 83, Cu 167\",\r\n parts: { au:750, ag:83, cu:167, others:[] },\r\n density: 15.2,\r\n melting: 893\r\n },\r\n {\r\n label: \"orange yellow\",\r\n composition: \"Au 750, Ag 36, Cu 214\",\r\n parts: { au:750, ag:36, cu:214, others:[] },\r\n density: 15.0,\r\n melting: 902\r\n },\r\n {\r\n label: \"intensive red\",\r\n composition: \"Au 750, Ag 0, Cu 250\",\r\n parts: { au:750, ag:0, cu:250, others:[] },\r\n density: 14.8,\r\n melting: 898\r\n },\r\n {\r\n label: \"white gold PD\",\r\n composition: \"Au 750, Ag 50, Pd 200\",\r\n parts: { au:750, ag:50, cu:0, others:[{name:\"Pd\", fraction:200}] },\r\n density: 16.6,\r\n melting: 1280\r\n },\r\n {\r\n label: \"white gold Ni\",\r\n composition: \"Au 750, Ni 135, Cu 85, Zn 30\",\r\n parts: { au:750, ag:0, cu:85, others:[{name:\"Ni\", fraction:135}, {name:\"Zn\", fraction:30}] },\r\n density: 14.7,\r\n melting: 950\r\n }\r\n ]\r\n },\r\n {\r\n gradeLabel: \"585\/14K\",\r\n baseValue: 585,\r\n variants: [\r\n {\r\n label: \"pale green\",\r\n composition: \"Au 585, Ag 415, Cu 0\",\r\n parts: { au:585, ag:415, cu:0, others:[] },\r\n density: 14.4,\r\n melting: 1030\r\n },\r\n {\r\n label: \"light green 1\",\r\n composition: \"Au 585, Ag 356, Cu 59\",\r\n parts: { au:585, ag:356, cu:59, others:[] },\r\n density: 14.0,\r\n melting: 980\r\n },\r\n {\r\n label: \"light green 2\",\r\n composition: \"Au 585, Ag 310, Cu 105\",\r\n parts: { au:585, ag:310, cu:105, others:[] },\r\n density: 13.8,\r\n melting: 905\r\n },\r\n {\r\n label: \"green\",\r\n composition: \"Au 585, Ag 310, Cu 35 + 70 Cd\",\r\n parts: { au:585, ag:310, cu:35, others:[{name:\"Cd\", fraction:70}] },\r\n density: 13.7,\r\n melting: 810\r\n },\r\n {\r\n label: \"light yellow green\",\r\n composition: \"Au 585, Ag 277, Cu 138\",\r\n parts: { au:585, ag:277, cu:138, others:[] },\r\n density: 13.7,\r\n melting: 874\r\n },\r\n {\r\n label: \"light yellow\",\r\n composition: \"Au 585, Ag 249, Cu 166\",\r\n parts: { au:585, ag:249, cu:166, others:[] },\r\n density: 13.7,\r\n melting: 857\r\n },\r\n {\r\n label: \"yellow\",\r\n composition: \"Au 585, Ag 208, Cu 207\",\r\n parts: { au:585, ag:208, cu:207, others:[] },\r\n density: 13.6,\r\n melting: 845\r\n },\r\n {\r\n label: \"dark yellow\",\r\n composition: \"Au 585, Ag 166, Cu 249\",\r\n parts: { au:585, ag:166, cu:249, others:[] },\r\n density: 13.4,\r\n melting: 853\r\n },\r\n {\r\n label: \"orange yellow\",\r\n composition: \"Au 585, Ag 138, Cu 277\",\r\n parts: { au:585, ag:138, cu:277, others:[] },\r\n density: 13.3,\r\n melting: 867\r\n },\r\n {\r\n label: \"reddish yellow 1\",\r\n composition: \"Au 585, Ag 104, Cu 311\",\r\n parts: { au:585, ag:104, cu:311, others:[] },\r\n density: 13.2,\r\n melting: 885\r\n },\r\n {\r\n label: \"orange red\",\r\n composition: \"Au 585, Ag 60, Cu 355\",\r\n parts: { au:585, ag:60, cu:355, others:[] },\r\n density: 13.1,\r\n melting: 907\r\n },\r\n {\r\n label: \"intensive red\",\r\n composition: \"Au 585, Ag 0, Cu 415\",\r\n parts: { au:585, ag:0, cu:415, others:[] },\r\n density: 13.0,\r\n melting: 945\r\n },\r\n {\r\n label: \"white gold Ni\",\r\n composition: \"Au 585, Ni 153, Cu 258, Zn 4\",\r\n parts: { au:585, ag:0, cu:258, others:[{name:\"Ni\", fraction:153}, {name:\"Zn\", fraction:4}] },\r\n density: 13.0,\r\n melting: 1042\r\n }\r\n ]\r\n },\r\n {\r\n gradeLabel: \"500\/12K\",\r\n baseValue: 500,\r\n variants: [\r\n {\r\n label: \"light yellow\",\r\n composition: \"Au 500, Ag 333, Cu 167\",\r\n parts: { au:500, ag:333, cu:167, others:[] },\r\n density: 13.1,\r\n melting: 838\r\n },\r\n {\r\n label: \"dark yellow\",\r\n composition: \"Au 500, Ag 167, Cu 333\",\r\n parts: { au:500, ag:167, cu:333, others:[] },\r\n density: 12.6,\r\n melting: 884\r\n },\r\n {\r\n label: \"orange red\",\r\n composition: \"Au 500, Ag 71, Cu 429\",\r\n parts: { au:500, ag:71, cu:429, others:[] },\r\n density: 12.3,\r\n melting: 903\r\n },\r\n {\r\n label: \"white gold Ni\",\r\n composition: \"Au 500, Ni 180, Cu 220, Zn 100\",\r\n parts: { au:500, ag:0, cu:220, others:[{name:\"Ni\", fraction:180}, {name:\"Zn\", fraction:100}] },\r\n density: 11.9,\r\n melting: 907\r\n }\r\n ]\r\n },\r\n {\r\n gradeLabel: \"333\/8K\",\r\n baseValue: 333,\r\n variants: [\r\n {\r\n label: \"pale green\",\r\n composition: \"Au 333, Ag 533, Cu 134\",\r\n parts: { au:333, ag:533, cu:134, others:[] },\r\n density: 12,\r\n melting: 866\r\n },\r\n {\r\n label: \"light yellow 1\",\r\n composition: \"Au 333, Ag 334, Cu 333\",\r\n parts: { au:333, ag:334, cu:333, others:[] },\r\n density: 11.5,\r\n melting: 823\r\n },\r\n {\r\n label: \"straw yellow\",\r\n composition: \"Au 333, Ag 267, Cu 400\",\r\n parts: { au:333, ag:267, cu:400, others:[] },\r\n density: 11.3,\r\n melting: 856\r\n },\r\n {\r\n label: \"light yellow 2\",\r\n composition: \"Au 333, Ag 255, Cu 350 + 47 Zn, 15 Sn\",\r\n parts: { au:333, ag:255, cu:350, others:[{name:\"Zn\", fraction:47}, {name:\"Sn\", fraction:15}] },\r\n density: 11.2,\r\n melting: 838\r\n },\r\n {\r\n label: \"yellow\",\r\n composition: \"Au 333, Ag 210, Cu 390 + 52 Zn, 15 Sn\",\r\n parts: { au:333, ag:210, cu:390, others:[{name:\"Zn\", fraction:52}, {name:\"Sn\", fraction:15}] },\r\n density: 11.1,\r\n melting: 903\r\n },\r\n {\r\n label: \"reddish yellow 1\",\r\n composition: \"Au 333, Ag 167, Cu 500\",\r\n parts: { au:333, ag:167, cu:500, others:[] },\r\n density: 11.1,\r\n melting: 904\r\n },\r\n {\r\n label: \"reddish yellow 2\",\r\n composition: \"Au 333, Ag 165, Cu 430 + 57 Zn, 15 Sn\",\r\n parts: { au:333, ag:165, cu:430, others:[{name:\"Zn\", fraction:57}, {name:\"Sn\", fraction:15}] },\r\n density: 11,\r\n melting: 903\r\n },\r\n {\r\n label: \"orange yellow\",\r\n composition: \"Au 333, Ag 120, Cu 470 + 62 Zn, 15 Sn\",\r\n parts: { au:333, ag:120, cu:470, others:[{name:\"Zn\", fraction:62}, {name:\"Sn\", fraction:15}] },\r\n density: 10.9,\r\n melting: 790\r\n },\r\n {\r\n label: \"white gold Ni\",\r\n composition: \"Au 333, Ni 160, Cu 450, Zn 57\",\r\n parts: { au:333, ag:0, cu:450, others:[{name:\"Ni\", fraction:160}, {name:\"Zn\", fraction:57}] },\r\n density: 10.7,\r\n melting: 1132\r\n }\r\n ]\r\n }\r\n];\r\n\r\nconst silverAlloys = [\r\n {\r\n gradeLabel: \"Ag 960\",\r\n baseValue: 960,\r\n variants: [\r\n {\r\n label: \"960\/40\",\r\n composition: \"Ag 960, Cu 40\",\r\n parts: { au:0, ag:960, cu:40, others:[] },\r\n density: 10.39,\r\n melting: 940\r\n }\r\n ]\r\n },\r\n {\r\n gradeLabel: \"Ag 935\",\r\n baseValue: 935,\r\n variants: [\r\n {\r\n label: \"935\/65\",\r\n composition: \"Ag 935, Cu 65\",\r\n parts: { au:0, ag:935, cu:65, others:[] },\r\n density: 10.32,\r\n melting: 900\r\n }\r\n ]\r\n },\r\n {\r\n gradeLabel: \"Ag 925\",\r\n baseValue: 925,\r\n variants: [\r\n {\r\n label: \"925\/75\",\r\n composition: \"Ag 925, Cu 75\",\r\n parts: { au:0, ag:925, cu:75, others:[] },\r\n density: 10.3,\r\n melting: 896\r\n }\r\n ]\r\n }\r\n];\r\n\r\nconst platinumAlloys = [\r\n {\r\n gradeLabel: \"Pt 950\",\r\n baseValue: 950,\r\n variants: [\r\n {\r\n label: \"950 Pt + 50 Au\",\r\n composition: \"Pt 950, Au 50\",\r\n parts: { au:50, ag:0, cu:0, others:[{name:\"Pt\", fraction:950}] },\r\n density: 21,\r\n melting: 1740\r\n },\r\n {\r\n label: \"950 Pt + 45Pd, 5Ir\",\r\n composition: \"Pt 950, Pd 45, Ir 5\",\r\n parts: { au:0, ag:0, cu:0, others:[{name:\"Pt\", fraction:950}, {name:\"Pd\", fraction:45}, {name:\"Ir\", fraction:5}] },\r\n density: 21,\r\n melting: 1750\r\n }\r\n ]\r\n },\r\n {\r\n gradeLabel: \"Pt 900\",\r\n baseValue: 900,\r\n variants: [\r\n {\r\n label: \"900 Pt + 100 Ir\",\r\n composition: \"Pt 900, Ir 100\",\r\n parts: { au:0, ag:0, cu:0, others:[{name:\"Pt\", fraction:900}, {name:\"Ir\", fraction:100}] },\r\n density: 21.6,\r\n melting: 1800\r\n }\r\n ]\r\n }\r\n];\r\n\r\nconst allMetals = [\r\n { metalKey: \"gold\", metalName: \"Gold\", grades: goldAlloys },\r\n { metalKey: \"silver\", metalName: \"Silver\", grades: silverAlloys },\r\n { metalKey: \"platinum\", metalName: \"Platinum\", grades: platinumAlloys }\r\n];\r\n\r\n\/*\r\n ----------------------------------------------------------------------------\r\n 2) DOM references\r\n ----------------------------------------------------------------------------\r\n*\/\r\nconst metalSelect = document.getElementById(\"metalSelect\");\r\nconst gradeSelect = document.getElementById(\"gradeSelect\");\r\nconst colorLabel = document.getElementById(\"colorLabel\");\r\nconst colorSelect = document.getElementById(\"colorSelect\");\r\nconst corrLabel = document.getElementById(\"corrLabel\");\r\nconst corrSelect = document.getElementById(\"corrSelect\");\r\n\r\nconst metalMassInput = document.getElementById(\"metalMass\");\r\nconst massModeSelect = document.getElementById(\"massModeSelect\");\r\n\r\nconst alloyInfo = document.getElementById(\"alloyInfo\");\r\nconst compositionValue = document.getElementById(\"compositionValue\");\r\nconst densityValue = document.getElementById(\"densityValue\");\r\nconst meltingValue = document.getElementById(\"meltingValue\");\r\n\r\nconst calculateButton = document.getElementById(\"calculateButton\");\r\nconst resultDiv = document.getElementById(\"result\");\r\n\r\n\/*\r\n ----------------------------------------------------------------------------\r\n 3) fillGradeList() \u2013 on metal change\r\n ----------------------------------------------------------------------------\r\n*\/\r\nfunction fillGradeList() {\r\n gradeSelect.innerHTML = \"\";\r\n colorSelect.innerHTML = \"\";\r\n alloyInfo.style.display = \"none\";\r\n resultDiv.style.display = \"none\";\r\n const metalKey = metalSelect.value;\r\n const metalObj = allMetals.find(m => m.metalKey === metalKey);\r\n if (!metalObj) {\r\n gradeSelect.innerHTML = \"<option>No Data<\/option>\";\r\n hideColorAndCorr();\r\n return;\r\n }\r\n metalObj.grades.forEach((g, idx) => {\r\n const opt = document.createElement(\"option\");\r\n opt.value = idx;\r\n opt.textContent = g.gradeLabel;\r\n gradeSelect.appendChild(opt);\r\n });\r\n updateVariants();\r\n}\r\nmetalSelect.addEventListener(\"change\", fillGradeList);\r\n\r\n\/*\r\n ----------------------------------------------------------------------------\r\n 4) updateVariants() \u2013 on grade change\r\n ----------------------------------------------------------------------------\r\n*\/\r\nfunction updateVariants() {\r\n colorSelect.innerHTML = \"\";\r\n alloyInfo.style.display = \"none\";\r\n resultDiv.style.display = \"none\";\r\n const metalKey = metalSelect.value;\r\n const metalObj = allMetals.find(m => m.metalKey === metalKey);\r\n if (!metalObj) {\r\n hideColorAndCorr();\r\n return;\r\n }\r\n const gIndex = parseInt(gradeSelect.value, 10) || 0;\r\n const chosenGrade = metalObj.grades[gIndex];\r\n if (!chosenGrade) {\r\n hideColorAndCorr();\r\n return;\r\n }\r\n const variants = chosenGrade.variants || [];\r\n \/\/ Always show color select (even if one variant)\r\n colorLabel.style.display = \"block\";\r\n colorSelect.style.display = \"block\";\r\n colorSelect.innerHTML = \"\";\r\n variants.forEach((v, idx) => {\r\n const opt = document.createElement(\"option\");\r\n opt.value = idx;\r\n opt.textContent = v.label;\r\n colorSelect.appendChild(opt);\r\n });\r\n if (variants.length > 0) {\r\n showVariantInfo(variants[0]);\r\n }\r\n \/\/ Correction dropdown: range from (base - 3) to (base + 5), but default must be first.\r\n corrLabel.style.display = \"block\";\r\n corrSelect.style.display = \"block\";\r\n const baseVal = chosenGrade.baseValue || 0;\r\n const minVal = Math.max(baseVal - 3, 0);\r\n const maxVal = Math.min(baseVal + 5, 1000);\r\n let corrOptions = [];\r\n for (let val = minVal; val <= maxVal; val++) {\r\n corrOptions.push(val);\r\n }\r\n \/\/ Remove duplicate of baseVal if it exists in other positions, then prepend baseVal.\r\n corrOptions = corrOptions.filter(val => val !== baseVal);\r\n corrOptions.unshift(baseVal);\r\n corrSelect.innerHTML = \"\";\r\n corrOptions.forEach(val => {\r\n const opt = document.createElement(\"option\");\r\n opt.value = val.toString();\r\n if (val === baseVal) {\r\n opt.textContent = `${val} (default)`;\r\n } else {\r\n opt.textContent = val.toString();\r\n }\r\n corrSelect.appendChild(opt);\r\n });\r\n}\r\ngradeSelect.addEventListener(\"change\", updateVariants);\r\ncolorSelect.addEventListener(\"change\", () => {\r\n const metalKey = metalSelect.value;\r\n const metalObj = allMetals.find(m => m.metalKey === metalKey);\r\n if (!metalObj) return;\r\n const gIndex = parseInt(gradeSelect.value, 10) || 0;\r\n const chosenGrade = metalObj.grades[gIndex];\r\n if (!chosenGrade) return;\r\n const cIndex = parseInt(colorSelect.value, 10) || 0;\r\n const variant = chosenGrade.variants[cIndex];\r\n if (variant) showVariantInfo(variant);\r\n});\r\n\r\nfunction showVariantInfo(variant) {\r\n alloyInfo.style.display = \"block\";\r\n compositionValue.textContent = variant.composition || \"\u2014\";\r\n densityValue.textContent = variant.density || \"\u2014\";\r\n meltingValue.textContent = variant.melting || \"\u2014\";\r\n}\r\n\r\nfunction hideColorAndCorr() {\r\n colorLabel.style.display = \"none\";\r\n colorSelect.style.display = \"none\";\r\n corrLabel.style.display = \"none\";\r\n corrSelect.style.display = \"none\";\r\n}\r\n\r\n\/*\r\n ----------------------------------------------------------------------------\r\n 4) Initialization\r\n ----------------------------------------------------------------------------\r\n*\/\r\nfillGradeList();\r\n\r\n\/*\r\n ----------------------------------------------------------------------------\r\n 5) Calculate button\r\n ----------------------------------------------------------------------------\r\n*\/\r\ncalculateButton.addEventListener(\"click\", () => {\r\n resultDiv.style.display = \"none\";\r\n const metalKey = metalSelect.value;\r\n const metalObj = allMetals.find(m => m.metalKey === metalKey);\r\n if (!metalObj) { showResult(\"No data for this metal.\"); return; }\r\n const gIndex = parseInt(gradeSelect.value, 10) || 0;\r\n const chosenGrade = metalObj.grades[gIndex];\r\n if (!chosenGrade) { showResult(\"No data for this grade.\"); return; }\r\n const cIndex = parseInt(colorSelect.value, 10) || 0;\r\n const variants = chosenGrade.variants || [];\r\n if (variants.length === 0) { showResult(\"No variants for this grade.\"); return; }\r\n let chosenVariant = (variants.length === 1) ? variants[0] : variants[cIndex];\r\n if (!chosenVariant) { showResult(\"No data for the selected variant.\"); return; }\r\n const inputMass = parseFloat(metalMassInput.value) || 0;\r\n if (inputMass <= 0) { showResult(\"Please enter a mass > 0.\"); return; }\r\n\r\n \/\/ Correction\r\n const baseVal = chosenGrade.baseValue || 0;\r\n const newVal = parseInt(corrSelect.value, 10) || baseVal;\r\n if (newVal > 1000) { showResult(\"Correction goes beyond 1000.\"); return; }\r\n if (newVal < 0) { showResult(\"Correction is negative (<0)!\"); return; }\r\n\r\n \/\/ Original composition\r\n let { au = 0, ag = 0, cu = 0 } = chosenVariant.parts;\r\n let others = (chosenVariant.parts.others || []).map(o => ({ ...o }));\r\n const sumAll = au + ag + cu + others.reduce((acc, o) => acc + o.fraction, 0);\r\n let mainField = \"\";\r\n if (au === baseVal) mainField = \"au\";\r\n else if (ag === baseVal) mainField = \"ag\";\r\n else if (cu === baseVal) mainField = \"cu\";\r\n else {\r\n const idx = others.findIndex(o => o.fraction === baseVal);\r\n if (idx >= 0) mainField = \"others_\" + idx;\r\n }\r\n const oldSumOthers = sumAll - baseVal;\r\n const newSumOthers = 1000 - newVal;\r\n if (newSumOthers < 0) { showResult(\"newVal > 1000!\"); return; }\r\n let scale = 1.0;\r\n if (oldSumOthers > 0) scale = newSumOthers \/ oldSumOthers;\r\n\r\n if (mainField === \"au\") { au = newVal; }\r\n else if (mainField === \"ag\") { ag = newVal; }\r\n else if (mainField === \"cu\") { cu = newVal; }\r\n else if (mainField.startsWith(\"others_\")) {\r\n const i = parseInt(mainField.split(\"_\")[1]);\r\n others[i].fraction = newVal;\r\n }\r\n\r\n if (mainField !== \"au\") au *= scale;\r\n if (mainField !== \"ag\") ag *= scale;\r\n if (mainField !== \"cu\") cu *= scale;\r\n if (mainField.startsWith(\"others_\")) {\r\n const mainIdx = parseInt(mainField.split(\"_\")[1]);\r\n others.forEach((o, i) => {\r\n if (i !== mainIdx) o.fraction *= scale;\r\n });\r\n } else {\r\n others.forEach(o => { o.fraction *= scale; });\r\n }\r\n\r\n \/\/ Calculation Mode\r\n const mode = massModeSelect.value;\r\n const pureFactor = 0.9999;\r\n let T = 0;\r\n if (mode === \"final-alloy\") {\r\n T = inputMass;\r\n } else {\r\n if (newVal <= 0) { showResult(\"newVal <= 0!\"); return; }\r\n const mainFrac = newVal \/ 1000;\r\n T = (inputMass * pureFactor) \/ mainFrac;\r\n }\r\n\r\n const mAu = (au \/ 1000) * T \/ pureFactor;\r\n const mAg = (ag \/ 1000) * T \/ pureFactor;\r\n const mCu = (cu \/ 1000) * T \/ pureFactor;\r\n const finalOthers = others.map(o => ({\r\n name: o.name,\r\n mass: (o.fraction \/ 1000) * T \/ pureFactor\r\n }));\r\n\r\n \/\/ Output rounded to two decimals, and remove \"Required (99.99% purity)\" line.\r\n let out = `\r\n <strong>Metal:<\/strong> ${metalKey}<br>\r\n <strong>Grade:<\/strong> ${chosenGrade.gradeLabel}<br>\r\n <strong>Color:<\/strong> ${chosenVariant.label}<br>\r\n <strong>Input Mass:<\/strong> ${inputMass.toFixed(2)} g (${mode === \"final-alloy\" ? \"Final Alloy\" : \"Pure Metal\"})<br>\r\n `;\r\n out += `<strong>Resulting Alloy Mass:<\/strong> ${T.toFixed(2)} g<br>`;\r\n out += `<strong>Correction:<\/strong> ${baseVal} \u2192 ${newVal} ( ${newVal >= baseVal ? \"+\" : \"\"}${(newVal - baseVal)} )<br><br>`;\r\n out += `<strong>Required:<\/strong><br>`;\r\n if (mAu > 0.0001) out += `- Au: ${mAu.toFixed(2)} g<br>`;\r\n if (mAg > 0.0001) out += `- Ag: ${mAg.toFixed(2)} g<br>`;\r\n if (mCu > 0.0001) out += `- Cu: ${mCu.toFixed(2)} g<br>`;\r\n finalOthers.forEach(o => {\r\n if (o.mass > 0.0001) {\r\n out += `- ${o.name}: ${o.mass.toFixed(2)} g<br>`;\r\n }\r\n });\r\n showResult(out);\r\n});\r\n\r\nfunction showResult(html) {\r\n resultDiv.style.display = \"block\";\r\n resultDiv.innerHTML = html;\r\n}\r\n\r\n\/*\r\n ----------------------------------------------------------------------------\r\n Dynamic Help for Correction and Calculation Mode\r\n ----------------------------------------------------------------------------\r\n*\/\r\nfunction showCorrHelp() {\r\n const metalKey = metalSelect.value;\r\n let msg = \"\";\r\n if (metalKey === \"gold\") {\r\n msg = \"Correction of the base allows you to slightly increase or decrease the nominal gold content.\\n\" +\r\n \"For example, if you prepare a 585 alloy but wish to obtain a higher gold percentage (587, 588, etc.)\\n\" +\r\n \"or a lower one (584, 583, 582), then choose the desired value.\\n\\n\" +\r\n \"If you use zinc-based alloys, you can choose a lowered grade considering zinc burn-off during casting.\";\r\n } else if (metalKey === \"silver\") {\r\n msg = \"Correction of the base allows you to slightly increase or decrease the nominal silver content.\\n\" +\r\n \"For example, if you prepare a 925 alloy but wish to obtain a higher silver percentage (927, 928, etc.)\\n\" +\r\n \"or a lower one (924, 923, 922), then choose the desired value.\\n\\n\" +\r\n \"If you use zinc-based alloys, you can choose a lowered grade considering zinc burn-off during casting.\";\r\n } else {\r\n msg = \"Correction of the base allows you to slightly increase or decrease the nominal platinum content.\\n\" +\r\n \"For example, if you prepare a 950 alloy but wish to obtain a higher platinum percentage (953, 954, etc.)\\n\" +\r\n \"or a lower one (949, 948, 947), then choose the desired value.\\n\\n\" +\r\n \"If you use zinc-based alloys, you can choose a lowered grade considering zinc burn-off during casting.\";\r\n }\r\n alert(msg);\r\n}\r\n\r\nfunction showModeHelp() {\r\n const metalKey = metalSelect.value;\r\n let msg = \"\";\r\n if (metalKey === \"gold\") {\r\n msg = \"Calculation Mode defines how the entered mass is interpreted:\\n\\n\" +\r\n \"\u2022 Final Alloy Weight: the entered number is the final alloy mass.\\n\" +\r\n \"\u2022 Pure Metal Weight: the entered number is the mass of available gold (99.99%),\\n\" +\r\n \" from which the resulting alloy is calculated.\";\r\n } else if (metalKey === \"silver\") {\r\n msg = \"Calculation Mode defines how the entered mass is interpreted:\\n\\n\" +\r\n \"\u2022 Final Alloy Weight: the entered number is the final alloy mass.\\n\" +\r\n \"\u2022 Pure Metal Weight: the entered number is the mass of available silver (99.99%),\\n\" +\r\n \" from which the resulting alloy is calculated.\";\r\n } else {\r\n msg = \"Calculation Mode defines how the entered mass is interpreted:\\n\\n\" +\r\n \"\u2022 Final Alloy Weight: the entered number is the final alloy mass.\\n\" +\r\n \"\u2022 Pure Metal Weight: the entered number is the mass of available platinum (99.99%),\\n\" +\r\n \" from which the resulting alloy is calculated.\";\r\n }\r\n alert(msg);\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b453507 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-spacer\" data-id=\"b453507\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>M\u00e1y t\u00ednh H\u1ee3p kim Kim lo\u1ea1i Qu\u00fd<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7072","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Precious Metal Calculator - Protech Transfer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Precious Metal Calculator - Protech Transfer\" \/>\n<meta property=\"og:description\" content=\"M\u00e1y t\u00ednh H\u1ee3p kim Kim lo\u1ea1i Qu\u00fd\" \/>\n<meta property=\"og:url\" content=\"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"Protech Transfer\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-24T08:16:25+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/\",\"url\":\"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/\",\"name\":\"Precious Metal Calculator - Protech Transfer\",\"isPartOf\":{\"@id\":\"https:\/\/protech-transfer.com\/vi\/#website\"},\"datePublished\":\"2024-11-22T04:45:00+00:00\",\"dateModified\":\"2025-12-24T08:16:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/#breadcrumb\"},\"inLanguage\":\"vi-VN\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/protech-transfer.com\/vi\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Precious Metal Calculator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/protech-transfer.com\/vi\/#website\",\"url\":\"https:\/\/protech-transfer.com\/vi\/\",\"name\":\"Protech Transfer\",\"description\":\""BEST MACHINERY, BEST SERVICE"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/protech-transfer.com\/vi\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi-VN\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Precious Metal Calculator - Protech Transfer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/","og_locale":"vi_VN","og_type":"article","og_title":"Precious Metal Calculator - Protech Transfer","og_description":"M\u00e1y t\u00ednh H\u1ee3p kim Kim lo\u1ea1i Qu\u00fd","og_url":"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/","og_site_name":"Protech Transfer","article_modified_time":"2025-12-24T08:16:25+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/","url":"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/","name":"Precious Metal Calculator - Protech Transfer","isPartOf":{"@id":"https:\/\/protech-transfer.com\/vi\/#website"},"datePublished":"2024-11-22T04:45:00+00:00","dateModified":"2025-12-24T08:16:25+00:00","breadcrumb":{"@id":"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/#breadcrumb"},"inLanguage":"vi-VN","potentialAction":[{"@type":"ReadAction","target":["https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/protech-transfer.com\/vi\/precious-metal-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/protech-transfer.com\/vi\/"},{"@type":"ListItem","position":2,"name":"Precious Metal Calculator"}]},{"@type":"WebSite","@id":"https:\/\/protech-transfer.com\/vi\/#website","url":"https:\/\/protech-transfer.com\/vi\/","name":"Protech Transfer","description":""BEST MACHINERY, BEST SERVICE"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/protech-transfer.com\/vi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi-VN"}]}},"_links":{"self":[{"href":"https:\/\/protech-transfer.com\/vi\/wp-json\/wp\/v2\/pages\/7072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/protech-transfer.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/protech-transfer.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/protech-transfer.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/protech-transfer.com\/vi\/wp-json\/wp\/v2\/comments?post=7072"}],"version-history":[{"count":3,"href":"https:\/\/protech-transfer.com\/vi\/wp-json\/wp\/v2\/pages\/7072\/revisions"}],"predecessor-version":[{"id":7075,"href":"https:\/\/protech-transfer.com\/vi\/wp-json\/wp\/v2\/pages\/7072\/revisions\/7075"}],"wp:attachment":[{"href":"https:\/\/protech-transfer.com\/vi\/wp-json\/wp\/v2\/media?parent=7072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}