const inchData = [
["S", "26.8", "41.7", "16.9"],
["M", "28.0", "44.1", "18.1"],
["L", "29.1", "46.5", "19.3"],
["XL", "30.3", "48.8", "20.5"],
["2XL", "31.5", "51.2", "21.7"]
];
const cmData = [
["S", "68.1", "105.9", "42.9"],
["M", "71.1", "112.0", "46.0"],
["L", "73.9", "118.1", "49.0"],
["XL", "77.0", "124.0", "52.1"],
["2XL", "80.0", "130.0", "55.1"]
];
const tableBody = document.querySelector("#size-chart tbody");
const btnInch = document.getElementById("btn-inch");
const btnCm = document.getElementById("btn-cm");
function updateTable(data) {
tableBody.innerHTML = "";
data.forEach(row => {
const tr = document.createElement("tr");
row.forEach(cell => {
const td = document.createElement("td");
td.textContent = cell;
tr.appendChild(td);
});
tableBody.appendChild(tr);
});
}
btnInch.addEventListener("click", () => {
btnInch.classList.add("active");
btnCm.classList.remove("active");
updateTable(inchData);
});
btnCm.addEventListener("click", () => {
btnCm.classList.add("active");
btnInch.classList.remove("active");
updateTable(cmData);
});Skip to main content
-
Select options
This product has multiple variants. The options may be chosen on the product page
Redrum3
11,00 $
