diff --git a/index.html b/index.html
index 762138a..2413c17 100644
--- a/index.html
+++ b/index.html
@@ -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);