Add selecting amount of cars. Fixes #3

This commit is contained in:
SemvdH
2025-11-21 23:20:34 +01:00
parent de7fbd3c0b
commit 880680871d

View File

@@ -228,15 +228,25 @@
blocks.forEach(block => {
const carSelect = block.querySelector(".car-select");
const skinSelect = block.querySelector(".skin-select");
const amountInput = block.querySelector("input[type='number']");
const carName = carSelect?.value || "";
const skinName = skinSelect?.value || "";
let amount = 1;
if (parseInt(amountInput.value) >= 1) {
console.log("setting amount to value:", amountInput.value);
amount = parseInt(amountInput.value);
}
console.log("Adding car:", carName, "skin:", skinName, "amount:", amount);
if (carName) {
cars.push({
car: carName,
skin: skinName
});
for (let i = 0; i < amount; i++) {
cars.push({
car: carName,
skin: skinName
});
}
}
});
@@ -289,6 +299,13 @@
addCar(carSelect.value, skinSelect.value);
};
const amountSelect = document.createElement("input");
amountSelect.style.marginLeft = "10px";
amountSelect.type = "number";
amountSelect.min = "1";
amountSelect.placeholder = "Amount";
amountSelect.min = "10";
const img = document.createElement("img");
img.className = "skin-preview";
img.style.display = "block";
@@ -297,6 +314,7 @@
wrapper.appendChild(carSelect);
wrapper.appendChild(skinSelect);
wrapper.appendChild(amountSelect);
wrapper.appendChild(copyBtn);
wrapper.appendChild(delBtn);
wrapper.appendChild(img);