Body Fat Percentage Calculator Using Skinfold

var result = 100 – ((waist – neck) / height * 139.2);
\n\n\n\n

\nvar weight = parseFloat(document.getElementById(\”weight\”).value) || 0;\nvar height = parseFloat(document.getElementById(\”height\”).value) || 0;\nvar age = parseInt(document.getElementById(\”age\”).value) || 0;\nvar gender = document.getElementById(\”gender\”).value;\nvar waist = parseFloat(document.getElementById(\”waist\”).value) || 0;\nvar neck = parseFloat(document.getElementById(\”neck\”).value) || 0;\nfunction calculate() {\nvar weight = parseFloat(document.getElementById(\”weight\”).value) || 0;\nvar height = parseFloat(document.getElementById(\”height\”).value) || 0;\nvar age = parseInt(document.getElementById(\”age\”).value) || 0;\nvar gender = document.getElementById(\”gender\”).value;\nvar waist = parseFloat(document.getElementById(\”waist\”).value) || 0;\nvar neck = parseFloat(document.getElementById(\”neck\”).value) || 0;\nvar result = 100 – ((waist – neck) / height * 139.2);\nvar result = 100 – ((waist – neck) / height * 139.2);\ndocument.getElementById(\”result\”).innerText = result.toFixed(2) + \”%\”;\n\n\nvar weight = parseFloat(document.getElementById(\”weight\”).value) || 0;\nvar height = parseFloat(document.getElementById(\”height\”).value) || 0;\nvar age = parseInt(document.getElementById(\”age\”).value) || 0;\nvar gender = document.getElementById(\”gender\”).value;\nvar waist = parseFloat(document.getElementById(\”waist\”).value) || 0;\nvar neck = parseFloat(document.getElementById(\”neck\”).value) || 0;\nvar result = 100 – ((waist – neck) / height * 139.2);\n

\n \n

\n\nvar ctx = document.getElementById(\”bf-chart\”).getContext(\”2d\”);\nvar bfChart = new Chart(ctx, {\n type: \”bar\”,\n data: {\n labels: [\”Male\”, \”Female\”],\n datasets: [{\n label: \”Body Fat %\”,\n data: [20, 25],\n backgroundColor: [\”rgba(75, 192, 192, 0.6)\”, \”rgba(255, 99, 132, 0.6)\”]\n }]\n },\n options: {\n responsive: true,\n scales: {\n y: {\n beginAtZero: true,\n max: 40\n }\n }\n }\n});\n\nvar weight = parseFloat(document.getElementById(\”weight\”).value) || 0;\nvar height = parseFloat(document.getElementById(\”height\”).value) || 0;\nvar age = parseInt(document.getElementById(\”age\”).value) || 0;\nvar gender = document.getElementById(\”gender\”).value;\nvar waist = parseFloat(document.getElementById(\”waist\”).value) || 0;\nvar neck = parseFloat(document.getElementById(\”neck\”).value) || 0;\nvar result = 100 – ((waist – neck) / height * 139.2);\n

\n

\n\n\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

Metric	Value
Body Fat Percentage	20%
Lean Body Mass	160 lbs
Fat Mass	40 lbs

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

Age	Men	Women
20-39	8-20%	21-33%
40-59	11-21%	23-34%
60+	13-24%	25-36%

\nvar skinfoldData = [\n { age: 20, gender: ‘male’, skinfold: 12 },\n { age: 20, gender: ‘female’, skinfold: 18 },\n { age: 30, gender: ‘male’, skinfold: 15 },\n { age: 30, gender: ‘female’, skinfold: 22 }\n];\ndocument.getElementById(\”waist\”).value = \”85\”;\ndocument.getElementById(\”neck\”).value = \”38\”;\ndocument.getElementById(\”height\”).value = \”175\”;\ndocument.getElementById(\”gender\”).value = \”male\”;\ndocument.getElementById(\”age\”).value = \”30\”;\nvar resultTable = document.getElementById(\”result-table\”);\nvar resultTable = document.getElementById(\”result-table\”);\ndocument.getElementById(\”bf-percentage\”).innerText = \”20%\”;\ndocument.getElementById(\”lean-mass\”).innerText = \”160 lbs\”;\ndocument.getElementById(\”fat-mass\”).innerText = \”40 lbs\”;\ndocument.getElementById(\”result-table\”).style.display = \”block\”;\nfunction copyResults() {\n var result = document.getElementById(\”result\”).innerText;\n navigator.clipboard.writeText(result);\n alert(\”Results copied to clipboard!\”);\n}\nwindow.onload = function () {\n var resultTable = document.getElementById(\”result-table\”);\n var resultTable = document.getElementById(\”result-table\”);\n document.getElementById(\”bf-percentage\”).innerText = \”20%\”;\n document.getElementById(\”lean-mass\”).innerText = \”160 lbs\”;\n document.getElementById(\”fat-mass\”).innerText = \”40 lbs\”;\n resultTable.style.display = \”block\”;\n};\n\n\n\n \n \n