From 880680871d8bac7e7b758ddeb46078d1efb08b8a Mon Sep 17 00:00:00 2001
From: SemvdH <semmer99@gmail.com>
Date: Fri, 21 Nov 2025 23:20:34 +0100
Subject: [PATCH] Add selecting amount of cars. Fixes #3

---
 index.html | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

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);