Add selecting amount of cars. Fixes #3
This commit is contained in:
26
index.html
26
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);
|
||||
|
||||
Reference in New Issue
Block a user